dom中的事件

文档对象模型(Document Object Model,简称DOM),是W3C组织推荐的处理可扩展标志语言的标准编程接口。

DOM可以以一种独立于平台和语言的方式访问和修改一个文档的内容和结构。换句话说,这是表示和处理一个HTML或XML文档的常用方法。有一点很重要,DOM的设计是以对象管理组织(OMG)的规约为基础的,因此可以用于任何编程语言。最初人们把它认为是一种让JavaScript在浏览器间可移植的方法,不过DOM的应用已经远远超出这个范围。Dom技术使得用户页面可以动态地变化,如可以动态地显示或隐藏一个元素,改变它们的属性,增加一个元素等,Dom技术使得页面的交互性大大地增强。

【1】dom对象的获得

dom对象是可以通过四种方式来获得的,其分别是标签、ID、类和名字。


01-hello.html


【2】怎样触发事件

从下面的例子中可以看到,通过事件的ID获得了该事件,然后定义是事件的一个触发属性


01-hello.html

【3】焦点事件

所谓的焦点,其实也就是光标,当光标出现时,就是得到焦点


03-dom中的事件02.html


【4】改变事件

onchange是一个改变事件,下面的例子中使用了两种方式,第一是文本的输入,第二是选择项,当有改变时,就会触发。


03-dom中的事件02.html


【5】按键事件

按键事件,有三种方法,其中keycode是按下键的unicode码,通过它可以判断按下的是哪个按键


05-dom中的事件04.html


【6】加载事件

onload事件是页面加载完成的时候触发的


07-dom中的事件05.htmlge">


【7】区域中的鼠标事件

包括onmouseover和onmouseout,表示鼠标移动到某个区域和从该区域移动开

07-dom中的事件05.html


【8】表单提交事件

当表单提交的时候触发


09-dom中的事件07.html
用户名:

【9】嵌套的点击事件

当我们点击ID为two的区域时,同时也会触发ID为one的区域


10-dom中的事件08.html			






本文来自互联网用户投稿,文章观点仅代表作者本人,不代表本站立场,不承担相关法律责任。如若转载,请注明出处。 如若内容造成侵权/违法违规/事实不符,请点击【内容举报】进行投诉反馈!

相关文章

立即
投稿

微信公众账号

微信扫一扫加关注

返回
顶部