首页已知页面结构<div id="box"><a href=" ">a</a ><span>b</span><p>c</p ></div>，给div绑定click事件，在事件触发时判断点击的元素是否为span，如果是则弹出对话框

已知页面结构<div id="box"><a href=" ">a</a ><span>b</span><p>c</p ></div>，给div绑定click事件，在事件触发时判断点击的元素是否为span，如果是则弹出对话框

时间: 2023-11-02 08:15:59 浏览: 101

元素绑定click点击事件方法

最简单的莫过于使用click方法： <input id=btn type=button value=BUTTON onclick=alert(1)/> [removed] var btn = document.getElementById('btn'); btn.click(); [removed] 所有浏览器都弹出了1。但是如果把input换成div呢？ <div id=d1 xss=removed xss=removed></div> [removed] var d1 =

点击的元素为span时，弹出对话框的代码如下： ```javascript document.getElementById("box").addEventListener("click", function(event) { if (event.target.tagName.toLowerCase() == "span") { alert("您点击了span元素！"); } }); ``` 这段代码会给id为"box"的div元素绑定click事件，当事件触发时，会传入一个event对象，其中的target属性表示触发事件的元素。我们可以判断target元素的标签名是否为"span"，如果是则弹出对话框。

阅读全文