1.Capture
2.OnEvent:
function fn1(){alert(1)}; function fn2(){alert(2)}; document.οnclick=fn1(); document.οnclick=fn2(); 1234
只会弹出2 - 使用on事件,给标签加多个事件的时候后面的会覆盖前面的。
function fn1(){alert(1)}; function fn2(){alert(2)}; document.addEventListener('onclick',fn1()); //1 document.addEventListener('onclick',fn2()); //21234
.addEvent事件监听可以给一个标签添加多个事件,并且之前的不会被覆盖掉 - addevent里面可以传递三个参数: * 1.addevent 里面的参数,第一个是传入对应的事件的类型(注意不要加on) * 2.addevent 第二个参数,就是函数的回调 * 3.bool类型取值,如果是false(默认就是),事件的触发机制就会按照冒泡(从下往上),如果是true,就会按照事件捕获,从上往下 例如:
<style> .div1{ width: 300px; height: 300px; background: red; margin: 100px auto; } .div2{ width: 200px; height: 200px; background: blue; } .div3{ width: 100px; height: 100px; background: green; } </style> <script> window.οnlοad=function(){
div1.addEventListener("click",function(){ alert(1); } ,false); div1.addEventListener("click",function(){ alert(2) } ,true); div3.addEventListener("click",function(){ alert(3) } ,false); } </script> </head> <body> <div class="div1"> <div class="div2"> <div class="div3"></div> </div> </div> </body>1234567891011121314151617181920212223242526272829303132333435363738
给div1,div3 添加点击事件,依次弹出2,3,1
1. div1.addEventListener("click",function(){ alert(1); } ,false); 2. div1.addEventListener("click",function(){ alert(2) } ,true); 3.div3.addEventListener("click",function(){ alert(3) } ,false); 参考: 作者:zm_miner 来源:CSDN 原文:https://blog.csdn.net/zm_miner/article/details/79298242
3.Popup
Java脚本弹出窗口
例
警告框
警告框经常用于确保用户可以得到某些信息。
当警告框出现后,用户需要点击确定按钮才能继续进行操作
确认框
确认框用于使用户可以验证或者接受某些信息。
当确认框出现后,用户需要点击确定或者取消按钮才能继续进行操作。
如果用户点击确认,那么返回值为 true。如果用户点击取消,那么返回值为 false。