DOM参考手册及事件参考手册

时间:2022-06-08 21:12:38

给全局HTML DOM元素增加函数的方法

      HTMLElement.prototype.hasClass = function (className) {
return new RegExp("(^|\\s)" + className + "(\\s|$)").test(this.className);
}

常用的节点类型:

DOM参考手册及事件参考手册

事件对象的button属性可能的值

DOM参考手册及事件参考手册

keycode对应的代码数字:

DOM参考手册及事件参考手册

DOM参考手册

全局变量
document HTML DOM文档的引用
HTMLElement HTML DOM元素的超类对象
DOM相关操作
body 直接指向HTML的body元素
childNodes 包含所有子节点的数组
documentElement 所有DOM节点的根的节点,指向<html>元素 
firstChild  指向该元素的第一个子元素
getElementById(id)  通过id获得元素 
getElementByTagName(tagName)  通过标签名获得元素数组 
lastChild 指向元素的最后一个子节点
nextSibling 指向下一个兄弟节点
parentNode  指向父元素
previousSibling  前一个兄弟节点
节点相关
 innerText  返回一个包含当前元素的所有文本的字符串
 nodeName  返回元素标签名字的大写形式
 nodeType  节点类型
 nodeValue  节点所包含的文本值
特性
 className  返回样式class的相关字符串
 getAttribute(attName)  访问DOM元素特性值
 removeAttribute(attrName)  完全删除元素某个特性的函数
 setAttribute(attrName)  设置包含在DOM元素内的特性的值
DOM修改
 appendChild(nodeToAppend)  参数为要添加的元素
 cloneNode(true|false)

如果参数为true,节点及其内部的所有东西都会克隆

如果参数为false,则只有节点本身被克隆

 createElement(tagName)  参数为标签名
 createElementNS(namespace,tagName) 创建节点,在特定的命名空间下
 createTextNode(textString)  创建文本节点
 innerHTML  访问和操作DOM元素的HTML内容的字符串形式
 insertBefore(nodeToInsert,nodeToInsertBefore)  第一个参数为要插入的节点,第二个参数为在哪个节点之前插入,如果为null,则在节点的最后作为一个子节点插入
 removeChild(nodeToRemove)  删除文档的节点
 replaceChild(nodeToInsert,nodeToReplace)  第一个参数为要新增的节点,第二个参数为被替换的节点

事件参考手册

通用属性
 type 如:点击事件函数内的e.type=='click' 
 target/srcElement 目标对象 
 stopPropagation()/cancelBubble 停止冒泡 
 preventDefault()/returnValue=false;  阻止默认行为
鼠标属性
 clientX/clientY  窗口的鼠标光标的x和y坐标
 pageX/pageY  相对于呈现文档的鼠标的x和y坐标
 layerX/layerY和offsetX/offsetY

相对于事件目标元素的鼠标光标的x和y坐标

layerX/layerY可用在基于Mozilla的浏览器和Safari

offsetX/offsetY可用在Opear和IE

 button  仅用于click、mousedown、mouseup
 relatedTarget  包含一个鼠标刚离开的元素的引用
键盘属性
 ctrlKey  该属性返回一个布尔值,表示键盘的ctrl键是否被按住
 keyCode  包含一个键盘相应键位的数字
 shiftKey   该属性返回一个布尔值,表示键盘的shift键是否被按住
页面事件
 load  在页面完全加载完毕的时候触发
 beforeunload  在页面卸载之前触发
 error  在javascript代码发生错误时触发
 resize  重置浏览器窗口时触发
 scroll  浏览器窗口内移动文档的位置时触发
 unload  在用户离开当前页时触发
UI事件
 focus  聚焦
 blur  改变焦点
鼠标事件
 click  
 dbclick  连续两次点击后触发
 mousedown  用户敲击鼠标键时触发
 mouseup  用户松开鼠标时触发
 mousemove  鼠标光标移动
 mouseover  把鼠标从一个元素移动到另一个元素上时触发
 mouseout  把鼠标移出一个元素时触发
键盘事件
 keydown/keypress  键盘敲击时触发的第一个键盘事件
 keyup  最后一个发生的键盘事件
表单事件
 select  鼠标于输入框内选择不同区块的文本时触发
 change  用户改变了输入元素的值时触发
 submit  提交表单
 reset  重置表单

keydown/keypress

事实上keypress是keydown事件的同义事件,它们的表现完全一致,只有一个例外,如果需要阻止按键的默认行为,你必须用keypress事件。