①onclick（DOM 2）：鼠标左键点击产生响应事件
用法：html中 <element οnclick="functionname()">
javascript中 object.οnclick=function(){...};
注意：onclick 属性可以使用与所有 HTML 元素，除了 ：<base>, <bdo>, <br>, <head>, <html>, <iframe>, <meta>, <param>, <script>, <style>, 和 <title>（11种）
②oncontextmenu：鼠标右键点击产生响应（支持冒泡，可以取消，支持所有html元素）
注意：所有浏览器都支持 oncontextmenu 事件，contextmenu 元素只有 Firefox 浏览器支持。
用法：html中 <element οncοntextmenu="functionname()" contextmenu="menu-id">
javascript中 object.οncοntextmenu=function(){...};
JavaScript 中, 使用 addEventListener() 方法: object.addEventListener("oncontextmenu",function(){...});注意：Internet Explorer 8 及更早 IE 浏览器版本不支持 addEventListener() 。
③ondblclick（DOM 2）：鼠标双击产生响应，其他同onclick一样
④onmousedown（DOM 2）：事件会在鼠标按键被按下时发生，其他同上
event.button=0/1/2;(左/中/右)(button属性可用来得知按钮类型)
注意: Internet Explorer 8及更早的版本返回其他结果(1/4/2)。
事件相关联的发生顺序：（鼠标左键/中间按钮）onmousedown->onmouseup->onclick;
（鼠标右键按钮）onmousedown->onmouseup->oncontextmenu;
⑤onmouseup（DOM 2）：事件会在鼠标按键弹起时发生，其他同上
⑥onmouseover（DOM 2）：事件会在鼠标指针移动到指定的元素上时发生（移动到子元素中会再次触发），其他同上
⑦onmouseout（DOM 2）：事件会在鼠标指针移出指定的对象时发生，其他同上
⑧onmousemove： 事件会在鼠标指针移出指定的对象时发生，其他同上
⑨onmouseenter（DOM 2）：事件在鼠标指针移动到元素上时触发（不支持冒泡，不可以取消，支持所有html元素，除了那11种）
提示： 该事件通常与onmouseleave 事件一同使用, 在鼠标指针移出元素上时触发。
提示： onmouseenter 事件类似于onmouseover 事件。 唯一的区别是 onmouseenter 事件不支持冒泡 。
用法：html中 <element οnmοuseenter="functionname()" >
javascript中 object.οnmοuseenter=function(){...};
JavaScript 中, 使用 addEventListener() 方法: object.addEventListener("ononmouseenter",function(){...});注意：Internet Explorer 8 及更早 IE 浏览器版本不支持 addEventListener() 。
浏览器支持的第一个版本号（chrome30.0、ie5.5、ff（Yes）、Safari6.1、Opera11.5）
实例：http://www.w3cschool.cn/tryrun/showhtml/tryjsref_onmousemove_over_enter⑩onmouseleave（DOM 2）：事件在鼠标移除元素时触发（不支持冒泡，不可以取消，支持所有html元素，除了那11种）其他同上
提示： 该事件通常与onmouseenter 事件一起使用，该事件在鼠标移动到元素上时触发。
提示: onmouseleave 事件类似于onmouseout 事件。 唯一的区别是 onmouseleave 事件不支持冒泡 。
扫一扫
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
