单击事件处理程序中的“click ()”
单击事件处理程序中的“click ()”
提问于 2017-05-04 22:51:44
测试：
var btn = document.querySelector('button')
btn.addEventListener('click', log)
function log(event) {
var p = document.createElement('p')
p.textContent = event.type
document.body.appendChild(p)
fire()
}
function fire() {
btn.click()
}<button type="button">Click me</button>
我想会抛出一个例外。单击事件处理程序中的click()发出一个单击事件，单击事件处理程序再次调用click()，后者再次发出一个单击事件，以此类推。但是结果和我想的不一样，它只输出两个‘点击’(IE输出一个‘点击’)。
现在，更改fire函数，创建一个单击事件并分派它，结果与预期的一样。
var btn = document.querySelector('button')
btn.addEventListener('click', log)
function log(event) {
var p = document.createElement('p')
p.textContent = event.type
document.body.appendChild(p)
fire()
}
function fire() {
var event = new MouseEvent('click')
btn.dispatchEvent(event)
}<button type="button">Click me</button>
我的问题是，为什么click()的行为会有所不同？
注意到：没有使用jQuery，与jQuery方法.click()没有任何关系。
回答 2
Stack Overflow用户
发布于 2017-05-04 23:21:46
Stack Overflow用户
发布于 2017-05-04 22:57:55
您的.click()执行与它关联的操作(如下面的链接)，bud不会触发click事件>没有再次调用log函数，因此不会执行重复的单击事件。
在第二个版本中，您经常触发click事件，因此您的log函数被无限次执行。
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/43798336
复制相关文章
点击加载更多
相似问题
当我单击QT中的行时，如何分配click事件处理程序？
单击同时调用click和LinkClicked事件处理程序
绑定单击事件处理程序，.bind()和.click()哪个更好？
"click“事件处理程序未触发
jQuery .click方法是否触发.click事件处理程序？
添加站长 进交流群
领取专属 10元无门槛券
AI混元助手 在线答疑
关注 腾讯云开发者公众号
洞察 腾讯核心技术
剖析业界实践案例
腾讯云开发者
