js事件概念和事件监听
事件的概念
JavaScript使我们有能力创建动态页面,网页中的每个元素都可以产生某些可以触发JavaScript函数的事件。我们可以认为事件是可以被JavaScript侦测到的一种行为。
使用返回值改变html元素的默认行为
HTML元素大都包含了自己的默认行为,例如:超链接、提交按钮等。我们可以通过在绑定事件中加上return false来阻止它的默认行为
1.绑定HTML元素属性
<input type="button" value="clickMe" onClick="check(this)">2.绑定dom对象属性
document.getElementById(“btn1”).onClick=test;//test函数名<html> <head> <title>00</title> <script type="text/javascript" charset="utf-8"> function test1(){ alert("绑定HTML元素属性"); } function test2(){ alert("绑定DOM对象属性"); } </script> </head> <body> <a href="http://www.baidu.com" οnclick="return false">点击我</a> <input type="button" value="测试1" id="mytest1" οnclick="test1()"/> <button type="button" id="test2"><b>测试2</b></button> <script type="text/javascript"> document.getElementById("test2").οnclick=test2; </script> </body> </html>
js处理事件流程--冒泡方法

javascript鼠标事件
onclick | 单击鼠标左键触发 |
ondblclick | 双击鼠标左键触发 |
onmousedown | 单击任意一个鼠标按键时触发 |
onmouseout | 鼠标指针移出一个元素边界时触发 |
onmousemove | 鼠标在某个元素上移动时持续触发 |
onmouseup | 松开鼠标任意一个按键时触发 |
onmouseover | 鼠标指针移到一个元素上时触发 |
本文内容仅供个人学习、研究或参考使用,不构成任何形式的决策建议、专业指导或法律依据。未经授权,禁止任何单位或个人以商业售卖、虚假宣传、侵权传播等非学习研究目的使用本文内容。如需分享或转载,请保留原文来源信息,不得篡改、删减内容或侵犯相关权益。感谢您的理解与支持!