`
weiyinchao88
  • 浏览: 1184756 次
文章分类
社区版块
存档分类
最新评论

学习笔记3(javascript事件列表详解)

 
阅读更多

最近在学习javascript,就顺便把常用事件给大家整理整理,也让自己加深印象。不足之处欢迎各位补充。

一般事件

onclick 鼠标点击时触发此事件

ondblclick 鼠标双击时触发此事件

onmousedown 按下鼠标时触发此事件

onmouseup 按下鼠标后松开鼠标触发此事件

onmousemove 当鼠标移动时触发此事件

onmouseover 当鼠标移动到某对象范围的上方时触发此事件

onmouseout 当鼠标离开某对象范围时触发此事件

onkeypress 当键盘上某个键被敲下并释放时触发此事件

onkeydown 当键盘上某个键被敲下时触发此事件

onkeyup 当键盘上某个键被释放时触发此事件

页面相关事件

onabort 图片在下载时被用户中断

onbeforeunload 当前页面的内容将要被改变时触发此事件

onerror 出现错误时触发此事件

onload 页面内容完成时触发此事件

onresize 当浏览器的出口大小被改变时触发此事件

onscroll 当浏览器的滚动条位置发生变化时触发此事件

onstop 当浏览器的停止按钮被按下时或这在下载的文件被中断时触发此事件

onunload 当前页面将被改动时触发此事件

表单相关事件

onblur 当前元素失去焦点时触发此事件

onchange 当前元素失去焦点并且被改变时触发此事件

onfocus 当某个元素获得焦点时触发此事件

onreset 当表单中reset的属性被激发时触发的事件

onsubmit 当表单被提交时触发的事件

滚动字幕事件

onbounce 在marquee内的内容移动至marquee显示范围之外时触发此事件

onfinish 当marquee完成需要显示的内容后触发此事件

onstart 当marquee元素开始显示内容时触发此事件

编辑事件

onbeforecopy 页面当前的被选择内容将要复制到浏览者系统的剪切板前触发此事件

onbeforecut 当页面中的一部分或者全部的内容将被移离当前页面并移动到浏览者的系统剪切板时触发此事件

onbeforeeditfocus 当前元素将要进入编辑状态时触发此事件

onbeforepaste 内容将要从浏览者的系统剪切板粘贴到页面中时触发此事件

onbeforeupdate 当浏览者粘贴系统剪切板中的内容时通知目标对象

oncontextmenu 当浏览者按下鼠标右键出现菜单时或者通过键盘的按键触发页面菜单时触发的事件

oncopy 当页面当前的被选择内容被复制时触发此事件

oncut 当页面当前的被选择内容被剪切时触发此事件

ondrag 当某个对象被拖动时触发此事件

ondragdrop 一个外部对象被鼠标拖入当前窗口时触发此事件

ondragend 当鼠标拖动结束时触发此事件

ondragenter 当对象被鼠标拖动的对象进入其容器范围内时触发此事件

ondragleave 当对象被鼠标拖动的对象离开其容器范围内时触发此事件

ondragover 当某被拖动的对象在另一对象容器范围内拖动时触发此事件

分享到:
评论

相关推荐

    JavaScript学习笔记之惰性函数示例详解

    函数是js世界的一等公民,js的动态性、易变性在函数的应用上,体现的淋漓尽致。下面这篇文章主要给大家介绍了关于JavaScript学习笔记之惰性函数的相关资料,文中通过示例代码介绍的非常详细,需要的朋友可以参考下。

    javascript学习笔记(三)BOM和DOM详解

    js组成 ...3. window 是 BOM 对象,而非 js 对象; DOM(文档对象模型)是 HTML 和 XML 的应用程序接口(API)。 BOM 主要处理浏览器窗口和框架,不过通常浏览器特定的 JavaScript 扩展都被看做 BOM 的

    Javascript学习笔记-详解in运算符

    in运算符是javascript语言中比较特殊的一个,可以单独使用作为判断运算符,也常被用于for...in循环中遍历对象属性

    JavaScript学习笔记之基于定时器实现图片无缝滚动功能详解

    本文实例讲述了JavaScript学习笔记之基于定时器实现图片无缝滚动功能。分享给大家供大家参考,具体如下: 一、无缝滚动理论基础 基础知识 1.setInterval(function,time)、clearInterval(timer) setInterval() ...

    《javascript设计模式》学习笔记七:Javascript面向对象程序设计组合模式详解

    主要介绍了Javascript面向对象程序设计组合模式,结合实例形式分析了《javascript设计模式》中Javascript面向对象组合模式相关概念、原理、定义、用法及操作注意事项,需要的朋友可以参考下

    javascript学习笔记(五)原型和原型链详解

    许多人对JavaScript的原型及原型链仍感到困惑,网上的文章又大多长篇大论,令读者不明觉厉。我将用最简洁明了的文字介绍JavaScript的原型及原型链。

    JavaScript函数模式详解

    js函数基础部分:javascript学习笔记(四)function函数部分 创建函数的语法 命名函数表达式 代码如下: //命名函数表达式 var add = function add(a,b){  return a+b; }; 函数表达式 代码如下: //又名匿名函数 ...

    JavaScript常用对象.md

    JavaScript学习笔记第二部分,包括对象,内置对象(Array, String, Data, 字符串和数值之间的转化,Globle对象,Windows对象,Math对象)的详解和例子,适合0基础和有一些基础的同学。

    markdown:前端学习笔记

    学习笔记(持续更新) 验证你是否真正掌握一个知识的最好方法,就是看你能否用直白浅显的语言把复杂深奥的问题和知识讲清楚 -- 费曼技巧「以教为学」 大纲 前端杂记 策略模式 发布订阅者模式 责任链模式(todo) 0.1...

    Extjs学习笔记之八 继承和事件基础

    这里接口的意思是Observable实际上起了一个抽象类的作用,Extjs中有大量的组件都是继承自这个类的。...另外,博客园内还有一个写的很好的系列 JavaScript继承详解. 他主要是根据Douglas Crockford的两篇文章写的

    JS学习笔记之贪吃蛇小游戏demo实例详解

    主要介绍了JS学习笔记之贪吃蛇小游戏demo,结合实例形式详细分析了javascript实现贪吃蛇小游戏的原理、步骤与相关实现技巧,需要的朋友可以参考下

    JavaScript 学习笔记之数据类型

    二、详解 1、undefined:undefined类型只有一个值:undefined,在使用var对变量进行声明但未初始化时,这个变量的值就是undefined. 包含undefined值的变量与尚未定义的变量是不一样的,以下这个例子可以说明: 代码...

    Javascript闭包(Closure)详解

    下面就是我的学习笔记,对于Javascript初学者应该是很有用的。 一、变量的作用域 要理解闭包,首先必须理解Javascript特殊的变量作用域。 变量的作用域无非就是两种:全局变量和局部变量。 Javascript语言的特殊之处...

    javascript继承机制实例详解

    我花了很多时间,学习这个部分,还做了很多笔记。但是都属于强行记忆,无法从根本上理解。 一、如何创建一个类 假设有给叫Person的类如下: 代码如下:var Person = function(name, age) {  this.name = name;  

Global site tag (gtag.js) - Google Analytics