推荐关注
› Meteor
› JSLint - a JavaScript code quality tool
› jsFiddle
› D3.js
› WebStorm
推荐书目
› JavaScript 权威指南第 5 版
› Closure: The Definitive Guide
Marsss

前端小白,请教一个关于用 js 点击页面元素的问题。

  •  1
     
  •   Marsss · Jan 6, 2021 · 3656 views
    This topic created in 2129 days ago, the information mentioned may be changed or developed.
    我在测试某个网站的前端代码的时候,用 chrome 打开网站,我发现这网站的前端有很多地方鼠标放上去,鼠标变为手的形状,鼠标点击正常。但是当我打开 F12,在 console 里面,用 document.getElementsByClassName 选择到这个 div 元素,然后 document.getElementsByClassName("divClassName").click() 却不起作用。

    我确定我确实选择到这个元素了,因为在 console 里鼠标移上去,能看到页面确实是对应的 div 元素。我试过换邻近的 div 都是一样不起作用。

    我对前端确实了解很少,不明白这里的原理,我以为鼠标能点的,用 js 也一定有方法点击。

    还请大家指点一下。
    17 replies  •  2021-02-24 10:51:51 +08:00
    kop1989
    kop1989
    Jan 6, 2021
    1
    假定没有其他错误的话,推断是未见得他把你理解的点击事件放在了“click”事件中。
    mara1
    mara1
    Jan 6, 2021
    2
    1. document.getElementsByClassName 可能拿到多个元素
    2. 想象 1 个框里面套了一个框,你可能手点的是内部的框,js 点的外部的框

    其他我想不来了,楼下补充
    darknoll
    darknoll
    Jan 6, 2021
    3
    document.getElementsByClassName("divClassName") 不是返回数组吗
    tutou
    tutou
    Jan 6, 2021
    4
    document.getElementsByClassName("divClassName") 返回的是数组,打印看看不就知道了
    jydeng
    jydeng
    Jan 6, 2021
    5
    用开发者工具直接选中元素,然后$0.click()。
    或者就是如楼上说的,没有绑定在 click 事件中。
    yzliua
    yzliua
    Jan 6, 2021
    6
    楼上说的对,假定只有一个同类元素,你也得下面这种用法
    document.getElementsByClassName("divClassName")[0].click()
    LiubaiQ
    LiubaiQ
    Jan 6, 2021
    7
    cursor:pointer 的效果,破案,各位散了吧
    LingTai
    LingTai
    Jan 6, 2021
    8
    也许只是 cursor:pointer
    Marsss
    Marsss
    OP
    Jan 6, 2021
    9
    我是用了[0]来取了单独的 div 的,也试了 @jydeng 说的方法,用开发者工具直接选中元素,然后$0 也看到选中了,然后$0.click()也是无效,相邻的 div 都试过了。
    Marsss
    Marsss
    OP
    Jan 6, 2021
    10
    楼上上的 cursor:pointer 是指只是一个效果么,但是我用鼠标点了,能观察到页面样式的改变(确实没观察到有链接跳转),我该如何用 js 来实现这个点击后页面样式改变的效果呢
    putaozhenhaochi
    putaozhenhaochi
    Jan 6, 2021
    11
    楼上说的 CSS .
    shyrock
    shyrock
    Jan 6, 2021
    12
    前端小白猜测,点击事件可能不是绑定的这个元素,而可能是上级元素甚至 document 。
    比如在 document.onclick()里面判断点击落点并处理。这样你 getElements().click()无法模拟触发。
    dengshen
    dengshen
    Jan 6, 2021 via iPhone
    13
    放上去? hover 触发的 pointer
    dd112389
    dd112389
    Jan 7, 2021
    14
    建议贴网址和图片.
    source
    source
    Jan 12, 2021
    15
    楼主只说了鼠标点击会有“页面样式的改变”,可能本身无关 js,可能是纯 css 写的 focus,active 效果?
    source
    source
    Jan 12, 2021
    16
    还是建议贴一下网址
    Roger006
    Roger006
    Feb 24, 2021
    17
    可以再验证一下 1#的说法,绑定的事件,也有可能是 mousedown|mouseup,移动设备下是 touchstart|touchend 。直接用鼠标点击的时候,这些都是会触发的
    或者 2#,是这个节点的内部触发的也有可能
    About   ·   Help   ·   Advertise   ·   Blog   ·   API   ·   FAQ   ·   Privacy   ·   Solana   ·   2948 Online   Highest 6679   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 64ms · UTC 11:20 · PVG 19:20 · LAX 03:20 · JFK 06:20
    ♥ Do have faith in what you're doing.