给元素添加点击事件
1,通过onclick属性
onclick="this.innerHTML='谢谢!'"
onclick="function(arg1,arg2)"
2,通过JavaScript代码添加点击事件(第一种方式)
ele.onclick=function(){};
3,通过JavaScript代码添加点击事件(第二种方式)
ele.addEventListener("click",function(){});
其他事件(每个事件对应的事件名,就是把on去掉)
onclick
onload
onunload
onchange (文本输入控件)
onmouseover onmouseout
onmousedown onmouseup
<!DOCTYPE html>
<head>
<meta charset="UTF-8">
<title>DOM事件</title>
</head>
<body>
<!-- 通过onclick属性添加事件 -->
<div onclick="console.log('我被点击了');">DOM事件div</div>
<div onclick="divClick()">DOM事件div</div>
<span id="myspan">DOM事件span</span>
<p>DOM事件p</p>
<font>DOM事件font</font>
<a>DOM事件a</a>
</body>
</html>
<script type="text/javascript">
function divClick(){
console.log("div被点击了");
}
var myspan = document.getElementById("myspan");
// myspan.onclick = function(){
// console.log("span被点击了");
// };
// myspan.addEventListener("click",spanClick);
// function spanClick(){
// console.log("span被点击了");
// }
myspan.addEventListener("click",function(){
console.log("span被点击了");
});
</script>