javascript - select事件不冒泡解释
问题描述
想请问下，select事件不会发生冒泡
当我的鼠标点击下拉框的时候为何会控制台出现 s1 d3 d2 d1
当我点击下拉框中的数字时 又会出现s1 d3 d2 d1
<!DOCTYPE html><html lang='en'><head> <meta charset='UTF-8'> <title>Document</title></head><body><p style = 'width:200px;height:200px;background-color:orange;'> <p style = 'width:175px;height:175px;background-color:yellow;'><p style = 'width:150px;height:150px;background-color:blue'> <select id='s1'> <option>1</option> <option>2</option> </select></p> </p></p></p> <script type='text/javascript'>function fun1(){console.log(event.currentTarget.id); }s1.addEventListener('click',fun1,false);d1.addEventListener('click',fun1,false);d2.addEventListener('click',fun1,false);d3.addEventListener('click',fun1,false); </script></body></html>
问题解答
回答1：你这不是点击事件触发产生的冒泡？ 触发了两次是因为你打开下拉框一次，收起下拉框一次
回答2：首先，select事件会冒泡，但你的代码和select事件没啥关系，select事件其次，你控制台的输出是因为触发click事件冒泡产生的
相关文章：
1. 为什么span的color非要内联样式才起作用？2. javascript - swiper.js嵌套了swiper 初始设置不能向下一个滑动 结束后重新初始3. python - Django ManyToManyField 字段数据在 admin后台 显示不正确，这是怎么回事？4. angular.js - angular-ui-bootstrap 报错无法使用？5. python - 如何修改twisted自带的日志输出格式?6. docker - 如何修改运行中容器的配置7. 求救一下，用新版的phpstudy，数据库过段时间会消失是什么情况？8. 请问一下各位老鸟 我一直在学习独孤九贱 现在是在tp5 今天发现 这个系列视频没有实战9. 在cmd下进入mysql数据库，可以输入中文，但是查看表信息，不显示中文，是怎么回事，怎新手，请老师10. 如何使用git对word文档进行版本控制？
网公网安备