HTML DOM 事件

2019-09-08 郑州网站建设  

HTML DOM 事件允许Javascript在HTML文档元素中注册不同事件处理程序。

事件通常与函数结合使用,函数不会在事件发生前被执行! (如用户点击按钮)。

提示: 在 W3C 2 级 DOM 事件中规范了事件模型。

HTML DOM 事件

HTML DOM 事件

DOM: 指明使用的 DOM 属性级别。

鼠标事件

属性 描述 DOM
onclick   当用户点击某个对象时调用的事件句柄。   2  
oncontextmenu   在用户点击鼠标右键打开上下文菜单时触发      
ondblclick   当用户双击某个对象时调用的事件句柄。   2  
onmousedown   鼠标按钮被按下。   2  
onmouseenter   当鼠标指针移动到元素上时触发。   2  
onmouseleave   当鼠标指针移出元素时触发   2  
onmousemove   鼠标被移动。   2  
onmouseover   鼠标移到某元素之上。   2  
onmouseout   鼠标从某元素移开。   2  
onmouseup   鼠标按键被松开。   2  

HTML DOM 事件

键盘事件

属性 描述 DOM
onkeydown   某个键盘按键被按下。   2  
onkeypress   某个键盘按键被按下并松开。   2  
onkeyup   某个键盘按键被松开。   2  

框架/对象(Frame/Object)事件

属性 描述 DOM
onabort   图像的加载被中断。 ( <object>)   2  
onbeforeunload   该事件在即将离开页面(刷新或关闭)时触发   2  
onerror   在加载文档或图像时发生错误。 ( <object>, <body>和 <frameset>)      
onhashchange   该事件在当前 网址 的锚部分发生修改时触发。      
onload   一张页面或一幅图像完成加载。   2  
onpageshow   该事件在用户访问页面时触发      
onpagehide   该事件在用户离开当前网页跳转到另外一个页面时触发      
onresize   窗口或框架被重新调整大小。   2  
onscroll   当文档被滚动时发生的事件。   2  
onunload   用户退出页面。 ( <body> 和 <frameset>)   2  

表单事件

属性 描述 DOM
onblur   元素失去焦点时触发   2  
onchange   该事件在表单元素的内容改变时触发( <input>, <keygen>, <select>, 和 <textarea>)   2  
onfocus   元素获取焦点时触发   2  
onfocusin   元素即将获取焦点时触发   2  
onfocusout   元素即将失去焦点时触发   2  
oninput   元素获取用户输入时触发   3  
onreset   表单重置时触发   2  
onsearch   用户向搜索域输入文本时触发 ( <input="search">)      
onselect   用户选取文本时触发 ( <input> 和 <textarea>)   2  
onsubmit   表单提交时触发   2  

河南郑州做网站首选天择文化,我们专注郑州网站建设网站设计网站制作与开发,是中原地区专业的郑州网络公司,多年来我们一直努力,服务客户数百家,欢迎您的咨询。
本文链接:郑州网络公司http://tzchb.ieyo.com/seo/1243.html转载请标明出处,谢谢合作!
标签:
  • HTML
  • javascript
  • DOM
  • 允许
  • 事件