javascript中Document对象的常用事件

1.onabort事件:对象载入被中断时触发

2.onblur事件:元素或窗口本身失去焦点时触发。

3.onchange事件:改变<select>元素中的选项或者其他表单元素失去焦点,并且在其获取焦点后内容发生过改变时触发。

4.onclick事件:单机鼠标左键时候触发。当光变的焦点在按钮上,并且按下Enter键时,也会触发该事件。

5.onblclick事件:双击鼠标左键时候触发。

6.onerror事件:出现错误时候触发。

7.onfocus事件:任何元素或者窗口本身获得焦点时触发。

8.onkeydown事件:键盘上的按键(包括Alt和Shift等键)被按下时候触发,如果一直按着,则会不断触发。返回false时,取消默认动作。

9.onkeypress事件:键盘上的按键被按下,并产生一个字符时候发生,即当按下Shift等键时不断触发。如果一直按下某键时,会不断触发。返回lfalse时候,取消默认动作。

10.onkeyup事件:释放键盘上的按键时候触发。

11.onload事件:页面完全载入后,在windows对象上触发;所有框架都载入后,在框架集上触发;<img>标记指定的图像完全载入后,在其上触发;<object>标记指定的对象完全载入后,在其上触发。

12.onmousedown事件:单击任何一个鼠标按键时候触发。

13.onmousemove事件:鼠标在某个元素上持续移动时候触发。

14.onmouseout事件:将鼠标从指定元素上移开时触发。

15.onmouseover事件:鼠标移动到某个元素上时候触发。

16.onmouseup事件:释放任意一个鼠标按键时候触发。

17:onreset事件:单击重置按钮是在<form>上触发。

18.onresize事件:窗口或者框架大小有所改变时候触发。

19.onscroll事件:在任何带滚动条的元素或者窗口上滚动时候触发。

20.onselect事件:选中文本时触发。

21.onsubmit事件:单击提交按钮时候,在<form>上触发。

22.onnunload事件:当页面完全卸载后,在Window对象上触发,或者所有框架都卸载后,在框架集上触发。

时间: 2024-10-16 18:05:44

javascript中Document对象的常用事件的相关文章

DOM中document对象的常用属性方法总结

提要: 每个载入浏览器的 HTML 文档都会成为 Document 对象. Document 对象使我们可以从脚本中对 HTML 页面中的所有元素进行访问 1.常见对象属性 document.title                 //设置文档标题等价于HTML的<title>标签document.bgColor               //设置页面背景色document.fgColor               //设置前景色(文本颜色)document.linkColor    

js基础之DOM中document对象的常用属性方法

-----引入 每个载入浏览器的 HTML 文档都会成为 Document 对象. Document 对象使我们可以从脚本中对 HTML 页面中的所有元素进行访问. 属性 1  document.anchors  返回对文档中所有 Anchor 对象的引用.还有document.links/document.forms/document.images等 2  document.URL       返回当前文档的url 3  document.title       返回当前文档的标题 方法 1 

JavaScript中document对象的常用方法

document对象的概念 浏览器对外提供的支持js的用来操作HTML文档的一个对象,此对象封存的HTML文档的所有信息. 1.使用document获取HTML元素对象 直接获取方式: 通过id: window.document.getElementById("id值") 通过name属性值:document.getElementsByName("name值") 通过标签名:document.getElementsByTagName("属性名")

【JavaScript】Javascript中document.execCommand()的用法

Javascript中document.execCommand()的用法 合并转载: 转载出处1 转载出处2 document.execCommand()方法处理Html数据时常用语法格式如下:document.execCommand(sCommand[,交互方式, 动态参数]) 其中:sCommand为指令参数(如下例中的"2D-Position"),交互方式参数如果是true的话将显示对话框,如果为false的话,则不显示对话框(下例中的"false"即表示不显

JavaScript中String对象的match()、replace() 配合正则表达式使用

正则表达式由来已久,查找替换功能非常强大,但模板难记复杂. JavaScript中String对象的match().replace()这2个方法都要使用正则表达式的模板.当模板内容与字符串不相匹配时,match()返回null,replace()返回原字符串. 正则表达式的模板对象 //标准写法 regexp = new RegExp(pattern[, flag]); pattern: 模板的用法是关键,也是本章的主要内容. flag: "i"(ignore)."g&quo

(转)JavaScript中判断对象类型的种种方法

我们知道,JavaScript中检测对象类型的运算符有:typeof.instanceof,还有对象的constructor属性: 1) typeof 运算符 typeof 是一元运算符,返回结果是一个说明运算数类型的字符串.如:"number","string","boolean","object","function","undefined"(可用于判断变量是否存在). 但 type

【好文收藏】javascript中event对象详解

event代表事件的状态,例如触发event对象的元素.鼠标的位置及状态.按下的键等等. event对象只在事件发生的过程中才有效. event的某些属性只对特定的事件有意义.比如,fromElement 和 toElement 属性只对 onmouseover 和 onmouseout 事件有意义. 例子 下面的例子检查鼠标是否在链接上单击,并且,如果shift键被按下,就取消链接的跳转. <HTML> <HEAD><TITLE>Cancels Links</T

javascript中event对象详解

event代表事件的状态,例如触发event对象的元素.鼠标的位置及状态.按下的键等等. event对象只在事件发生的过程中才有效. event的某些属性只对特定的事件有意义.比如,fromElement 和 toElement 属性只对 onmouseover 和 onmouseout 事件有意义. 例子 下面的例子检查鼠标是否在链接上单击,并且,如果shift键被按下,就取消链接的跳转. 前端UI资源I分享 <HTML> <HEAD><TITLE>Cancels L

javascript中document学习

JS中document对象详解 document 文挡对象 - JavaScript脚本语言描述 对象属性  document.title              //设置文档标题等价于HTML的<title>标签 document.bgColor            //设置页面背景色 document.fgColor            //设置前景色(文本颜色) document.linkColor          //未点击过的链接颜色 document.alinkColor