作者热门文章
- html - 出于某种原因,IE8 对我的 Sass 文件中继承的 html5 CSS 不友好?
- JMeter 在响应断言中使用 span 标签的问题
- html - 在 :hover and :active? 上具有不同效果的 CSS 动画
- html - 相对于居中的 html 内容固定的 CSS 重复背景?
我有,
<div>
<span>Buttons</span>
<div>
<button id ="button_1" class="button">Btn 1</button><br />
<button id ="button_1" class="button">Btn 2</button><br />
<button id ="button_3" class="button">Btn 3</button><br />
<button id ="button_4" class="button">Btn 4</button><br />
</div>
<span>Checkboxes</span>
<div>
<input type="checkbox" /> Chbx 1<br />
<input type="checkbox" /> Chbx 2 <br />
<input type="checkbox" /> Chbx 3 <br />
</div>
</div>
如何确定哪个按钮/复选框已被单击?我可以为每个按钮附加一个点击事件,但我正在寻找您可能拥有的更有效的任何方法/技巧。
最佳答案
您可以将点击附加到所有按钮和输入,并检查tagName
、ID
等。
$(document).on('click', 'input, button', function(event) {
alert(this.tagName + '#' + this.id);
});
注意:您可以将事件仅附加到 document
元素并检查 event.target
来实现相同的效果,但上面是更高效,因为回调只会针对输入和按钮而不是所有元素触发。
关于javascript - 检测单击了哪个按钮和复选框,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/14464043/
我是一名优秀的程序员,十分优秀!