Mouse 事件 描述
onClick                     鼠标点击事件，多用在某个对象控制的范围内的鼠标点击 
onDblClick                鼠标双击事件 
onMouseDown          鼠标上的按钮被按下了 
onMouseUp              鼠标按下后，松开时激发的事件 
onMouseOver           当鼠标移动到某对象范围的上方时触发的事件 
onMouseMove          鼠标移动时触发的事件 
onMouseOut            当鼠标离开某对象范围时触发的事件 
onKeyPress              当键盘上的某个键被按下并且释放时触发的事件.[注意:页面内必须有被聚焦的对象] 
onKeyDown             当键盘上某个按键被按下时触发的事件[注意:页面内必须有被聚焦的对象] 
onKeyUp                 当键盘上某个按键被按放开时触发的事件[注意:页面内必须有被聚焦的对象] 
ondrag                     元素被拖动时运行的脚本。
ondragend                       在拖动操作末端运行的脚本。
ondragenter             当元素元素已被拖动到有效拖放区域时运行的脚本。
ondragleave             当元素离开有效拖放目标时运行的脚本。
ondragover             当元素在有效拖放目标上正在被拖动时运行的脚本。
ondragstart             在拖动操作开端运行的脚本。
ondrop                     当被拖元素正在被拖放时运行的脚本。
onmousewheel             当鼠标滚轮正在被滚动时运行的脚本。
onscroll                    当元素滚动条被滚动时运行的脚本。

页面相关事件  描述 
onAbort            图片在下载时被用户中断 
onBeforeUnload             当前页面的内容将要被改变时触发的事件 
onError             捕抓当前页面因为某种原因而出现的错误，如脚本错误与外部数据引用的错误 
onLoad             页面内空完成传送到浏览器时触发的事件，包括外部文件引入完成 
onMove             浏览器的窗口被移动时触发的事件 
onResize           当浏览器的窗口大小被改变时触发的事件 
onScroll             浏览器的滚动条位置发生变化时触发的事件 
onStop              浏览器的停止按钮被按下时触发的事件或者正在下载的文件被中断 
onUnload           当前页面将被改变时触发的事件

表单相关事件  描述 
onBlur              当前元素失去焦点时触发的事件 [鼠标与键盘的触发均可] 
onChange         当前元素失去焦点并且元素的内容发生改变而触发的事件 [鼠标与键盘的触发均可] 
onFocus           当某个元素获得焦点时触发的事件 
onReset           当表单中RESET的属性被激发时触发的事件 
onSubmit         一个表单被递交时触发的事件

oninput            在value改变时触发，实时的，即每增加或删除一个字符就会触发，然而通过js改变value时，却不会触发；
oncontextmenu                当上下文菜单被触发时运行的脚本。
onformchange                在表单改变时运行的脚本。
onforminput                当表单获得用户输入时运行的脚本。
oninput                当元素获得用户输入时运行的脚本。
oninvalid                当元素无效时运行的脚本。

滚动字幕事件 描述 
onBounce         在Marquee内的内容移动至Marquee显示范围之外时触发的事件 
onFinish           当Marquee元素完成需要显示的内容后触发的事件 
onStart            当Marquee元素开始显示内容时触发的事件

编辑事件事件 描述 
onBeforeCopy              当页面当前的被选择内容将要复制到浏览者系统的剪贴板前触发的事件 
onBeforeCut                当页面中的一部分或者全部的内容将被移离当前页面[剪贴]并移动到浏览者的系统剪贴板时触发的事件 
onBeforeEditFocus        当前元素将要进入编辑状态 
onBeforePaste            内容将要从浏览者的系统剪贴板传送[粘贴]到页面中时触发的事件 
onBeforeUpdate         当浏览者粘贴系统剪贴板中的内容时通知目标对象 
onContextMenu         当浏览者按下鼠标右键出现菜单时或者通过键盘的按键触发页面菜单时触发的事件 [试试在页面中的<body>中加入onContentMenu="return false"就可禁止使用鼠标右键了] 
onCopy            当页面当前的被选择内容被复制后触发的事件 
onCut              当页面当前的被选择内容被剪切时触发的事件 
onDrag           当某个对象被拖动时触发的事件 [活动事件] 
onDragDrop        一个外部对象被鼠标拖进当前窗口或者帧 
onDragEnd          当鼠标拖动结束时触发的事件，即鼠标的按钮被释放了 
onDragEnter        当对象被鼠标拖动的对象进入其容器范围内时触发的事件 
onDragLeave        当对象被鼠标拖动的对象离开其容器范围内时触发的事件 
onDragOver          当某被拖动的对象在另一对象容器范围内拖动时触发的事件 
onDragStart         当某对象将被拖动时触发的事件 
onDrop         在一个拖动过程中，释放鼠标键时触发的事件 
onLoseCapture     当元素失去鼠标移动所形成的选择焦点时触发的事件 
onPaste        当内容被粘贴时触发的事件 
onSelect       当文本内容被选择时的事件 
onSelectStart       当文本内容选择将开始发生时触发的事件

数据绑定事件 描述 
onAfterUpdate            当数据完成由数据源到对象的传送时触发的事件 
onCellChange              当数据来源发生变化时 
onDataAvailable           当数据接收完成时触发事件 
onDatasetChanged              数据在数据源发生变化时触发的事件 
onDatasetComplete             当来子数据源的全部有效数据读取完毕时触发的事件 
onErrorUpdate             当使用onBeforeUpdate事件触发取消了数据传送时，代替onAfterUpdate事件 
onRowEnter                 当前数据源的数据发生变化并且有新的有效数据时触发的事件 
onRowExit                   当前数据源的数据将要发生变化时触发的事件 
onRowsDelete              当前数据记录将被删除时触发的事件 
onRowsInserted           当前数据源将要插入新数据记录时触发的事件 
onAfterPrint                 当文档被打印后触发的事件 
onBeforePrint               当文档即将打印时触发的事件 
onFilterChange             当某个对象的滤镜效果发生变化时触发的事件 
onHelp             当浏览者按下F1或者浏览器的帮助选择时触发的事件 
onPropertyChange          当对象的属性之一发生变化时触发的事件 
onReadyStateChange      当对象的初始化属性值发生变化时触发的事件

Window 事件
onafterprint                文档打印之后运行的脚本。
onbeforeprint                文档打印之前运行的脚本。
onbeforeunload                文档卸载之前运行的脚本。
onerror        在错误发生时运行的脚本。
onhaschange                当文档已改变时运行的脚本。
onload                页面结束加载之后触发。
onmessage        在消息被触发时运行的脚本。
onoffline                当文档离线时运行的脚本。
ononline                当文档上线时运行的脚本。
onpagehide                当窗口隐藏时运行的脚本。
onpageshow                当窗口成为可见时运行的脚本。
onpopstate                当窗口历史记录改变时运行的脚本。
onredo                当文档执行撤销（redo）时运行的脚本。
onresize                当浏览器窗口被调整大小时触发。
onstorage                在 Web Storage 区域更新后运行的脚本。
onundo                在文档执行 undo 时运行的脚本。
onunload                一旦页面已下载时触发（或者浏览器窗口已被关闭）。

Media 事件
onabort                在退出时运行的脚本。
oncanplay                当文件就绪可以开始播放时运行的脚本（缓冲已足够开始时）。
oncanplaythrough                当媒介能够无需因缓冲而停止即可播放至结尾时运行的脚本。
ondurationchange                当媒介长度改变时运行的脚本。
onemptied                当发生故障并且文件突然不可用时运行的脚本（比如连接意外断开时）。
onended                当媒介已到达结尾时运行的脚本（可发送类似“感谢观看”之类的消息）。
onerror                当在文件加载期间发生错误时运行的脚本。
onloadeddata                当媒介数据已加载时运行的脚本。
onloadedmetadata                当元数据（比如分辨率和时长）被加载时运行的脚本。
onloadstart                在文件开始加载且未实际加载任何数据前运行的脚本。
onpause                当媒介被用户或程序暂停时运行的脚本。
onplay                当媒介已就绪可以开始播放时运行的脚本。
onplaying                当媒介已开始播放时运行的脚本。
onprogress                当浏览器正在获取媒介数据时运行的脚本。
onratechange                每当回放速率改变时运行的脚本（比如当用户切换到慢动作或快进模式）。
onreadystatechange             每当就绪状态改变时运行的脚本（就绪状态监测媒介数据的状态）。
onseeked                当 seeking 属性设置为 false（指示定位已结束）时运行的脚本。
onseeking               当 seeking 属性设置为 true（指示定位是活动的）时运行的脚本。
onstalled               在浏览器不论何种原因未能取回媒介数据时运行的脚本。
onsuspend                在媒介数据完全加载之前不论何种原因终止取回媒介数据时运行的脚本。
ontimeupdate                当播放位置改变时（比如当用户快进到媒介中一个不同的位置时）运行的脚本。
onvolumechange                每当音量改变时（包括将音量设置为静音）时运行的脚本。
onwaiting                当媒介已停止播放但打算继续播放时（比如当媒介暂停已缓冲更多数据）运行脚本

手机端
处理Touch事件能让你跟踪用户的每一根手指的位置。你可以绑定以下四种Touch事件：
    1.touchstart:  // 手指放到屏幕上的时候触发 
    2.touchmove:  // 手指在屏幕上移动的时候触发 
    3.touchend:  // 手指从屏幕上拿起的时候触发 
    4touchcancel:  // 系统取消touch事件的时候触发。至于系统什么时候会取消，不详
属性
    1.client / clientY：// 触摸点相对于浏览器窗口viewport的位置 
    2.pageX / pageY：// 触摸点相对于页面的位置 
    3.screenX /screenY：// 触摸点相对于屏幕的位置 
    4.identifier： // touch对象的unique ID

//touchstart事件 
function touchSatrtFunc(e) {  
    //evt.preventDefault(); //阻止触摸时浏览器的缩放、滚动条滚动等  
    var touch = e.touches[0]; //获取第一个触点  
    var x = Number(touch.pageX); //页面触点X坐标  
    var y = Number(touch.pageY); //页面触点Y坐标  
    //记录触点初始位置  
    startX = x;  
    startY = y;  
}  
//touchmove事件 
function touchMoveFunc(e) {  
    //evt.preventDefault(); //阻止触摸时浏览器的缩放、滚动条滚动等  
    var touch = evt.touches[0]; //获取第一个触点  
    var x = Number(touch.pageX); //页面触点X坐标  
    var y = Number(touch.pageY); //页面触点Y坐标  
    var text = 'TouchMove事件触发：（' + x + ', ' + y + '）';  
    //判断滑动方向  
    if (x - startX != 0) {  
        //左右滑动  
    }  
    if (y - startY != 0) {  
        //上下滑动  
    }  
}

 

js事件总汇的更多相关文章

  1. dynamic-css 动态 CSS 库，使得你可以借助 MVVM 模式动态生成和更新 css，从 js 事件和 css 选择器的苦海中脱离出来

    dynamic-css 使得你可以借助 MVVM 模式动态生成和更新 css,从而将本插件到来之前,打散.嵌套在 js 中的修改样式的代码剥离出来.比如你要做元素跟随鼠标移动,或者根据滚动条位置的变化 ...

  2. 什么是JS事件冒泡？

    什么是JS事件冒泡?: 在一个对象上触发某类事件(比如单击onclick事件),如果此对象定义了此事件的处理程序,那么此事件就会调用这个处理程序,如果没有定义此事件处理 程序或者事件返回true,那么 ...

  3. js事件技巧方法整合

    window.resizeTo(800,600); //js设置浏览器窗口尺寸 window.open (function(){ resizeTo(640,480);//设置浏览器窗口尺寸 moveT ...

  4. js事件浅析

    js中关于DOM的操作很多,因此js事件机制也就尤为重要. 事件绑定形式: 一. 内联形式 耦合度高,不利于维护 <button onclick="alert('你点击了这个按钮'); ...

  5. js 事件大全

    Js事件大全一般事件 事件 浏览器支持 描述onClick IE3|N2|O3 鼠标点击事件,多用在某个对象控制的范围内的鼠标点击onDblClick IE4|N4|O 鼠标双击事件onMouseDo ...

  6. 原生JS事件绑定方法以及jQuery绑定事件方法bind、live、on、delegate的区别

    一.原生JS事件绑定方法: 1.通过HTML属性进行事件处理函数的绑定如: <a href="#" onclick="f()"> 2.通过JavaS ...

  7. JS事件

    JS事件:  声明:为了事件对象event跨浏览器兼容: var oEvent==ev||event;      所以在下面用到 event 的地方都用 oEvent 代替  1)doucument的 ...

  8. 原生js事件和jquery事件的执行顺序问题

    场景:近日,写前端页面时候,在针对输入框input操作时,用到了jquery的插件,插件中使用了jquery的focus()和blur()方法.但是同时,又需要在插件之外再针对输入框的获取焦点和失去焦 ...

  9. 特殊js事件

    1:点击enter事件 $(document).keypress(function(e) { // 回车键事件 if(e.which == 13) { submitForm(); } }); 2:JQ ...

随机推荐

  1. 深入理解python中函数传递参数是值传递还是引用传递

    深入理解python中函数传递参数是值传递还是引用传递 目前网络上大部分博客的结论都是这样的: Python不允许程序员选择采用传值还是传 引用.Python参数传递采用的肯定是"传对象引用 ...

  2. 【知乎】github,Empty reply from server？

    http://www.zhihu.com/question/26717343   问:用hexo搭了个blog,之前一直正常,最近在deploy的时候无法连接到github了. fatal: unab ...

  3. python-Web-django-图片上传

    建路由 创建方法 渲染页面 下载plupload插件.将插件放在项目根目录下的static下 写页面,引入js,写html 这个容器:放上传的图片 当上传后,需要ul里放3要素: 元素1:隐藏Inpu ...

  4. Django-给视图加装饰器

    给FBV加装饰器 FBV:function based view FBV本身就是一个函数,所以跟普通函数加装饰器是一样的 # 装饰函数是要在APP文件中定义,本例是在app01\templatetag ...

  5. python基础之列表list

    list常用命令:索引/切片:list[index] list[start_index:end_index]增:list.append(obj) list.insert(index,obj) list ...

  6. C#实现多线程的方法：线程(Thread类)和线程池(ThreadPool)

    简介 使用线程的主要原因:应用程序中一些操作需要消耗一定的时间,比如对文件.数据库.网络的访问等等,而我们不希望用户一直等待到操作结束,而是在此同时可以进行一些其他的操作.  这就可以使用线程来实现. ...

  7. centos 7中命令记录

    cd:cd /data 切换文件夹到/data cd ..回到上级文件夹 cd ~ 回到家目录  cd 默认回到家目录cd - 回到刚刚离开的目录(只能回一次) pwd 显示当前目录路径    tim ...

  8. .Net Core 3.0使用Grpc进行远程过程调用

    因为.Net Core3.0已经把Grpc作为一等臣民了,作为爱好新技术的我,当然要尝鲜体验一下了,当然感觉是Grpc作为跨语言的产品做的相当好喽,比起Dubbo这种的,优势和劣势还是比较明显的. 我 ...

  9. 与高精死杠的几天——记两道简单的高精dp

    (同样也是noip往年的题 1​.矩阵取数游戏 题目链接[Luogu P1005 矩阵取数游戏] \(\mathcal{SOLUTION}:\) 通过对题目条件的分析,我们可以发现,每一行取数对答案的 ...

  10. C++学习 之 类的继承中的虚函数（笔记）

    1.多态行为 多态是面向对象语言的一种特征,让我们能够以类似的方式处理不同类型的对象.在C++中我们可以通过继承层次结构实现子类型多态. 我们可以通过下面的代码进一步了解多态: #include< ...