js最常用的click事件3种方法
1、onclick=name()
<!DOCTYPE html><html leng="en"> ???<head> ???????<meta charset="utf-8"> ???????<title>one</title> ???</head> ???<body> ???????<div id="dome"></div> ???????<button type="button" onclick="displayDate()">点击</button> ???????<script> ???????????function displayDate(){ ???????????????document.getElementById("dome").innerHTML=Date(); ???????????} ???????</script> ???</body></html>2、js中绑定
<!DOCTYPE html><html leng="en"> ???<head> ???????<meta charset="utf-8"> ???????<title>one</title> ???</head> ???<body> ???????<div id="dome"></div> ???????<button type="button">点击</button> ???????<script> ???????????var btn=document.getElementById("btn"); ???????????btn.onclick=function(){ ???????????????document.getElementById("dome").innerHTML=Date(); ???????????} ???????</script> ???</body></html>3、事件柄方法
<!DOCTYPE html><html leng="en"> ???<head> ???????<meta charset="utf-8"> ???????<title>one</title> ???</head> ???<body> ???????<div id="dome"></div> ???????<button type="button">点击</button> ???????<script> ???????????var btn=document.getElementById("btn"); ???????????btn.addEventListener(‘click‘,function(){ ???????????????document.getElementById("dome").innerHTML=Date(); ???????????},false) ???????</script> ???</body></html>JS----click3种方法
原文地址：https://www.cnblogs.com/liaohongwei/p/9717511.html