当前位置: 首页 > 面试题库 >

如何使元素单击(针对整个文档)?

端木承业
2023-03-14
问题内容

我想在单击的HTML文档中获取当前元素(无论是哪个元素)。我在用:

$(document).click(function () {
    alert($(this).text());
});

但是非常奇怪的是,我得到了整个文档的文本,而不是单击的元素。

如何仅获取我单击的元素?

<body>
    <div class="myclass">test</div>
    <p>asdfasfasf</p>
</body>

如果单击“测试”文本,我希望能够$(this).attr("myclass"在jQuery中使用读取属性。


问题答案:

您需要使用event.targetwhich是最初触发事件的元素。在this您的示例代码指document

在jQuery中,就是…

$(document).click(function(event) {
    var text = $(event.target).text();
});

没有jQuery …

document.addEventListener('click', function(e) {
    e = e || window.event;
    var target = e.target || e.srcElement,
        text = target.textContent || target.innerText;   
}, false);

另外,请确保是否需要使用<IE9 attachEvent()代替addEventListener()



 类似资料:
  • 问题内容: 现在,我有一个div,它基本上是一个巨大的正方形,在div内,我还有另一个div,它是简单的文本,上面写着“ Upload File”,同时还有一个隐藏的input type = file元素。当用户按下div时,我要触发文件上传元素。到目前为止,我想出的代码是: 因此,我在CSS中将文件输入元素设置为。一旦他们在div id =“ test”中的任意位置单击,我想触发对文件上传元素的

  • 问题内容: 我的页面上有两个元素(两个“取消”元素)。 如何单击第二个元素?显然,我无法获得ID,因为它是在每次访问时随机生成的。我可以使用什么? 问题答案: 1.使用FindElements方法,该方法使用给定的机制查找当前上下文内的所有IWebElement。(在这种情况下,您始终需要知道要查找的元素的索引。) 2.如果这些取消按钮位于不同的部分,则可以通过非ExtJS id属性进行标识。 3

  • 我有一个按钮和一个文本区: null null 现在我想让它们像这样向右或向左对齐: 运行代码段按钮和文本区如何向左对齐?

  • 下面是一个危险的find元素,因为索引可能会改变

  • 问题内容: 我想知道如何启用对伪元素的单击(我链接到下面的JSfiddle上div的橙色部分)。我读过,由于伪元素不在DOM中,因此您需要对此进行破解。不幸的是,我找不到实际显示有效代码的现有Stackoverflow问答。 HTML: CSS: 问题答案: 一种解决方法是将a动态添加到该项目并为其分配click方法。 CSS

  • 问题内容: 我有以下HTML: 我下面的单击“ Google搜索”按钮的代码在WebDriver中使用Java时效果很好。 我想将JavaScript与WebDriver一起使用以单击按钮。我该怎么做? 问题答案: 通过JavaScript执行点击具有一些您应该注意的行为。例如,如果绑定到元素事件的代码调用,则可能会发现Selenium代码挂起,具体取决于浏览器驱动程序的实现。也就是说,您可以使用