<!--return false阻止行为--> 例如:
<a href="https://www.baidu.com/" onClick="return false">点击我</a>
只是用来阻止行为,不可跳转,但是不能阻止属性。
第二种添加事件方法:
<script type="text/javascript"> function show(){ alert("你点击了我!"); } //第二种添加事件方法 document.getElementById("mytest1").onclick=show; </script> <button type="button" id="test2" onClick="show()"><b>测试2</b></button>
标准DOM中的事件监听方法:
<!doctype html> <html> <head> <meta charset="utf-8"> <title>标准DOM中的事件监听方法</title> <script type="text/javascript"> function show(){ alert("你点击我了"); } //取消 function concel(){ //[object].removeEventListener(“事件类型”,”处理函数”,”冒泡事件或捕获事件”); var bt1=document.getElementById("mytest1"); bt1.removeEventListener("click",show,false); } window.onload=function(){ //[object].addEventListener(“事件类型”,”处理函数”,”冒泡事件或捕获事件”); var bt1=document.getElementById("mytest1"); bt1.addEventListener("click",show,false); //获取测试2按钮 var bt2 = document.getElementById("mytest2"); bt2.addEventListener("click",concel,false); } </script> </head> <body> <input type="button" value="测试1" id="mytest1"> <button type="button" id="mytest2"><b>测试2</b></button> </body> </html>
标准的DOM监听事件方法,可以省略吊“on” 例如:click mouseover
常见的事件类型:
onlick:鼠标单击事件(常用)
ondblclick:鼠标双击事件
众多属性可查询编辑!