js(javaScript)的各种事件触发,以常见为主eg:onclick

时间:2021-10-19 00:30:03

js的各种事件触发,以常见为主eg:onclick
1.onclick,点击后触发事件
(1)<h1 onclick="this.innerHTML='谢谢!'">请点击该文本</h1>//点击后出现“谢谢”

(2)<head><script>function changetext(id){id.innerHTML="谢谢!";}</script></head>
<body><h1 onclick="changetext(this)">请点击该文本</h1></body>
//点击后出现“谢谢”

(3)<body><p>点击按钮就可以执行 <em>displayDate()</em> 函数。</p>
<button onclick="displayDate()">点击这里</button>
<script>
function displayDate(){document.getElementById("demo").innerHTML=Date();}
</script>
<p id="demo"></p>
</body>//执行后出现日期
(4)<button id="myBtn">点击这里</button>
<script>
document.getElementById("myBtn").onclick=function(){displayDate()};
function displayDate(){
document.getElementById("demo").innerHTML=Date();}
</script>
<p id="demo"></p>
//p标签内输出日期
2.<div onmouseover="mOver(this)" onmouseout="mOut(this)">button</div>
//onmouseover鼠标移动到button上触发事件,onmouseout鼠标从button上移开触发事件
3.onmousedown鼠标左键点下不松开,onmouseup鼠标左键松开后,onclick鼠标点击完成(它是最后实现的)
4.onload当页面完成加载时触发事件
5.onfocus当事件在对象获得焦点时发生(例子是在input type="text"里用的)
6.onblur事件会在对象失去焦点时发生
了解更多:http://www.w3school.com.cn/jsref/dom_obj_event.asp