`
Black_Kite
  • 浏览: 6712 次
  • 性别: Icon_minigender_2
  • 来自: 北京
社区版块
存档分类
最新评论

JS事件小结2

阅读更多

4.事件类型

DOM2规定了5种事件

    UI事件:在用户与页面上的元素交互时触发

    鼠标事件:当用户通过鼠标在页面上执行操作时触发

    键盘事件:当用户通过键盘在页面上执行操作时触发

    HTML事件:当浏览器窗口发生变化或特定的C/S交互时触发

    变动:当底层DOM结构发生时触发

 

鼠标事件

   触发顺序: mousedown->mouseup->click->mousedown->mouseup->click->dblclick

mouseout:移除一个元素时触发

mouseover:首次一入到一个元素时触发

mousemove :在元素内部移动时触发

   客户区坐标位置 clientX clientY

   屏幕坐标位置    screenX screenY

   修改键:shiftKey ctrlKey altKey metaKey

   相关元素:relatedTarget  IE提供fromElement和toElement

 

键盘事件

   keydown->keyup-> keypress

   1.键码

      keyCode属性的值与ASCII码中对应小写字母或数字的编码相同。

   2.字符编码

      charCode只有在发生keypress事件时才包含值

   3.textInput事件

      在可编辑区输入字符时,触发事件。他的event对象包含一个data属性。

 

HTML事件

   load,unload,abort,error,select···

 

变动事件

   DOMSubtreeModified,DOMNodeRemoved,···

分享到:
评论

相关推荐

    JavaScript事件学习小结(五)js中事件类型之鼠标事件

    JavaScript事件学习小结(五)js中事件类型之鼠标事件 //www.jb51.net/article/86259.htm JavaScript事件学习小结(一)事件流 //www.jb51.net/article/86261.htm javaScript事件学习小结(四)event的公共成员...

    JavaScript事件学习小结(三)js事件对象

    JavaScript事件学习小结(五)js中事件类型之鼠标事件 //www.jb51.net/article/86259.htm JavaScript事件学习小结(一)事件流 //www.jb51.net/article/86261.htm javaScript事件学习小结(四)event的公共成员...

    JavaScript事件学习小结(二)js事件处理程序

    JavaScript事件学习小结(五)js中事件类型之鼠标事件 //www.jb51.net/article/86259.htm JavaScript事件学习小结(一)事件流 //www.jb51.net/article/86261.htm javaScript事件学习小结(四)event的公共成员...

    JavaScript键盘事件测试小结

    JavaScript键盘事件测试小结,相信可能会对您的工作有一定的帮助作用

    JavaScript事件学习小结(一)事件流

    JavaScript事件学习小结(五)js中事件类型之鼠标事件 //www.jb51.net/article/86259.htm JavaScript事件学习小结(一)事件流 //www.jb51.net/article/86261.htm javaScript事件学习小结(四)event的公共成员...

    JS个人小结

    将上传的图片添加防伪图片水印,并将图片直接写入数据库,不...js遇到的问题--转义字符。。FileUpload控件上传资源,需要在本地选择资源时为一个文本框赋值,js判断上传图片格式。。只能输入数字与英文,指定位数小数

    javaScript事件学习小结(四)event的公共成员(属性和方法)

    JavaScript事件学习小结(五)js中事件类型之鼠标事件 //www.jb51.net/article/86259.htm JavaScript事件学习小结(一)事件流 //www.jb51.net/article/86261.htm javaScript事件学习小结(四)event的公共成员...

    js 事件小结 表格区别

    js 事件小结 表格区别

    JavaScript作用小结.doc

    JavaScript作用小结: 1 创建脚本块 2 隐藏脚本代码 3 浏览器不支持的时候显示

    javascript中Date format(js日期格式化)方法小结.docx

    javascript中Date format(js日期格式化)方法小结.docx

    JS 控件事件小结

    概述: 事件对于控件来说至关重要,控件的消息通信机制使用事件的成本最低,但是对于JS控件来说有一些麻烦需要解决,JS类本身不支持事件,DOM模型支持的事件仅适应于浏览器的DOM节点。所以创建一套事件是我们写控件...

    JS获取文件大小方法小结

    本文实例总结了JS获取文件大小方法。分享给大家供大家参考,具体如下: 方法一,利用ActiveX控件实现: [removed] function getFileSize(filePath) { var fso = new ActiveXObject("Scripting.FileSystemObject");...

    javascript课程内容总结

    在课堂上学到的JavaScript进行总结,希望可以帮助更多的人,多多分享自己,从而能互相学习,如果写的有错误的地方也希望大家能指正

    js下关于onmouseout、事件冒泡的问题经验小结.docx

    js下关于onmouseout、事件冒泡的问题经验小结.docx

    JavaScript学习小结(一)——JavaScript入门基础

    1.1、JavaScript是基于对象和事件驱动的(动态的)  它可以直接对用户或客户输入做出响应,无须经过Web服务程序。它对用户的响应,是采用以事件驱动的方式进行的。所谓事件驱动,就是指在主页中执行了某种操作所产生...

Global site tag (gtag.js) - Google Analytics