<!--return false阻止行为--> 例如:
<a href="https://www.baidu.com/" onClick="return false">点击我</a>
只是用来阻止行为,不可跳转,但是不能阻止属性。
第二种添加事件方法:
<script type="text/javascript">
function show(){
alert("你点击了我!");
}
//第二种添加事件方法
document.getElementById("mytest1").οnclick=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.οnlοad=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:鼠标双击事件
众多属性可查询编辑!