单击事件处理程序中的“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
复制相关文章
相似问题
使用Vee验证提交时的子输入组件-验证
在表单提交时验证只读组件
在提交时将对象从父组件传递到子组件
角反应形式提交不触发子组件验证
在提交时使用Vee-Validate和vue js 2验证子输入组件
添加站长 进交流群
领取专属 10元无门槛券
AI混元助手 在线答疑
关注 腾讯云开发者公众号
洞察 腾讯核心技术
剖析业界实践案例
腾讯云开发者
