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

      HTMLElement.prototype.hasClass = function (className) {

          return new RegExp("(^|\\s)" + className + "(\\s|$)").test(this.className);

      }

常用的节点类型：

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

keycode对应的代码数字：

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事件。

DOM参考手册及事件参考手册的更多相关文章

  1. 浏览器端-W3School-JavaScript：JavaScript 事件参考手册

    ylbtech-浏览器端-W3School-JavaScript:JavaScript 事件参考手册 1.返回顶部 1. JavaScript 事件参考手册 事件通常与函数配合使用,这样就可以通过发生 ...

  2. HTML-参考手册: HTML 事件属性

    ylbtech-HTML-参考手册: HTML 事件属性 1.返回顶部 1. HTML 事件属性 全局事件属性 HTML 4 的新特性之一是可以使 HTML 事件触发浏览器中的行为,比方说当用户点击某 ...

  3. [Xamarin.iOS] Visual Studio中Xamarin.iOS项目，无法加入PCL项目参考、NuGet组件参考

    [Xamarin.iOS] Visual Studio中Xamarin.iOS项目,无法加入PCL项目参考.NuGet组件参考 解决方案 目前Visual Studio中最新版本的Xamarin.iO ...

  4. 关于dom节点绑定滑动事件导致浏览器上下滑动失效解决方案--黄丕巧

    1.移动端开发往往需要添加一下自定义的左右滑动事件,但是添加了左右滑动事件之后就要阻止浏览器大默认事件,否则dom节点的滑动事件和浏览器本身的滑动会出现冲突,导致滑动的时候会出现消失瞬间再出现的效果 ...

  5. Jquery 查看DOM上绑定的事件列表

    $(dom).data( "events" ); 包括事件类型和关联的处理函数 下面是firefox的截图

  6. 【原生js】js动态添加dom，如何绑定事件

    首先要明白浏览器在加载页面的时候是按顺序来加载的,这样以来就很清楚了,js动态添加dom以后,这些dom并没有绑定事件,这个时候最简单的一个办法就是:将绑定事件的方法封装到一个函数A中,在动态添加完d ...

  7. 如何在通过knockout数据绑定的DOM元素上添加事件

    通过knockout数据绑定的DOM元素,通过chrome控制台打断点知道,DOM元素会被暂时隐藏,使用document.querySelector()是获取不到的,会显示null,直到数据绑定完成才 ...

  8. event.target 属性返回哪个 DOM 元素触发了事件。

    <ul> <li>list <strong>item 1</strong></li> <li><span>list ...

  9. JavaScript 事件参考手册

    事件通常与函数配合使用,这样就可以通过发生的事件来驱动函数执行. 事件句柄 HTML 4.0 的新特性之一是有能力使 HTML 事件触发浏览器中的动作(action),比如当用户点击某个 HTML 元 ...

随机推荐

  1. bootstrap的popover插件在focus模式时在Safari浏览器无法使用的bug解决方案

    前言 最近在使用bootstrap的popover插件,效果如下: popover插件的focus模式时表现为当点击按钮时弹出浮动层,在点击浮动层外的任何一处,都隐藏浮动层. 但是在mac下的Safa ...

  2. Bootstrap系列 -- 2. 标题

    一. Bootstrap标题 在Bootstrap中使用标题和Html本身没有太大的区别使用h1-h6, 而Bootstrap只是默认修改了H1-h6的样式,网上找到如下资料参考 二. Bootstr ...

  3. centos 服务器内存管理

    du su /目录/ 查看改目录大小 ls -lht /  查看文件详情,显示文件大小(直观) df -h 查看系统内存占用情况

  4. 为Mac Terminal设置代理

    参考链接:http://tz101.github.io/new-mac-os-x-yosemite-10-10-Xcode-Brew-Shadowsocks-Proxychains/ https:// ...

  5. 15-grep 简明笔

    在文件中搜索模式 grep [options] pattern [file-list] 参数 pattern为正则表达式,file-list为grep要搜索的普通文本文件的路径名列表 选项 -c    ...

  6. kkt

  7. mssql-异常value '0000-00-00' can not be represented as java.sql.Date

    Mysql开发中采用ResultSet取值時,不管是才用getString()还是用getDate(),或者getObject,均会拋出如题所述异常.查阅Mysql官方Bug咨询: 是因为日期型(Da ...

  8. java-Date、String、Calendar转化

    1.Calendar 转化 String //获取当前时间的具体情况,如年,月,日,week,date,分,秒等 Calendar calendat = Calendar.getInstance(); ...

  9. HTML video 视频标签全属性详解

    HTML 5 video 视频标签全属性详解   现在如果要在页面中使用video标签,需要考虑三种情况,支持Ogg Theora或者VP8(如果这玩意儿没出事的话)的(Opera.Mozilla.C ...

  10. Sigmaplot激活码获取地址

    SigmaPlot是一款高质量绘图软件,可以帮助用户以超简单表格形式来更清楚有效地展现工作结果,有了SigmaPlot你可以不用在电脑前久坐就可以制作出高质量的图形. 软件完美兼容Microsoft ...