javascript之事件处理

一般事件

onclick                       鼠标点击时触发此事件

ondblclick                  鼠标双击时触发此事件

onmousedown         按下鼠标时触发此事件

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

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

onmousemove        鼠标移动时触发此事件

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

onkeypress              当键盘上的某个键被按下而且释放时触发此事件.

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

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

页面相关事件

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

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

onerror                      出现错误时触发此事件

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

onmove                     浏览器的窗体被移动时触发此事件

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

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

onstop                       浏览器的停止button被按下时触发此事件或者正在下载的文件被中断

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                        当鼠标拖动结束时触发此事件。即鼠标的button被释放了

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        当对象的初始化属性值发生变化时触发此事件

事件处理函数,能够不插入html标签,而在脚本段中直接引用,

var b_save =document.getElementById("save");
b_save.onclick =function(){
      alert("单击了保存button!

");
}
时间: 2024-11-04 17:34:03

javascript之事件处理的相关文章

javascript的事件处理

原文:javascript的事件处理 首先了解一下什么是事件?事件是web浏览器通知应用程序发生了什么事情.我们可以通过一些方式注册事件用来监听一些我们需要处理的事件.事件包含一下一些属性: 事件类型:用来说明是什么类型事件的字符串 事件处理程序:监听了某个事件想让他做的事情 事件对象:特定的事件类型,有不同的属性 事件传播:一般情况下是会经历捕获->目标对象->冒泡的过程,IE8之前的浏览器不支持事件捕获 下面简单介绍一下事件有哪些类型,文档加载和准备就绪事件.鼠标事件.鼠标滚轮事件.拖放事

编写可维护的JavaScript之事件处理

规则1:隔离应用逻辑 这会让你的代码容易调试 规则2:不要分发事件对象 event对象包含了太多信息 // a good example var handlePopup = { // 事件句柄,处理所有和event对象有关的东西 handleClick: function (e) { // 假设事件支持DOM Level2 e.preventDefault(); e.stopPropagation(); // 传入应用逻辑 this.showPopup(e.clientX, e.clientY)

JavaScript中事件处理机制

JavaScript中事件处理机制 JavaScript中代码的处理方式:单线程 + 事件队列(callback queue) :如果是纯单线程的话,js代码在执行的时候遇到耗时的操作,代码就会发生阻塞:利用事件队列的方式,代码在执行的时候会将回调函数放在事件队列中(callback queue),等主线程的任务执行完毕之后,执行event loop机制的线程会将满足执行条件的任务取出来(注意需要满足的两个前提条件:一:主线程的任务已经执行完毕:二:事件队列中的任务满足触发条件),放入主线程中进

JavaScript之事件处理详解

一.事件传播机制 客户端JavaScript程序(就是浏览器啦)采用了异步事件驱动编程模型.当文档.浏览器.元素或与之相关的对象发生某些有趣的事情时,Web浏览器就会产生事件(event).如果JavaScript应用程序关注特定类型的事件,那么它可以注册当这类事件发生时要调用的一个或多个函数.当然了,这种风格并非Web编程独有,所有使用图形用户界面的应用程序都采用了它. 既然要详解事件处理,那我们先从几个基础概念说起吧: ①事件类型(event type):是一个用来说明发生什么类型事件的字符

二、JavaScript语言--事件处理--DOM事件探秘

第一章 事件流 事件:是文档或浏览器窗口中发生的.特定的交互瞬间.JavaScript和HTML之间的交互都是通过事件来实现的. 事件流:描述的是从页面中接受事件的顺序 IE:事件冒泡流 Netscape:事件捕获流 事件冒泡:即事件最开始由最具体的元素(文档中嵌套层次最深的那个节点)接收,然后逐级向上传播至最不具体的那个节点(文档). 事件捕获:不太具体的节点应该更早接收到事件,而最具体的节点最后接收到事件. 第二章 事件处理程序 1.HTML事件处理程序 HTML事件的缺点:HTML和JS代

javascript scroll事件处理优化

window.addEventListener('scroll' , function(){ //do something console.log('scroll ....') }) 我们常常使用上面代码监听window的scroll事件,但是使用这种方式每次滚动会多次打印scroll..., 如果直接在这种情况下直接调用事件处理逻辑,当逻辑比较复杂时势必会造成一定的性能影响 如果我们想每次滚动滚轮只执行一次处理逻辑,可以使用以下方式处理 function callback(){ //do so

关于JavaScript的事件处理一些知识

<JS事件处理> Event对象详细信息:http://www.w3school.com.cn/jsref/dom_obj_event.asp JS原生支持3中绑定事件方式: 1.以标签属性形式 <div onclick="clicked(event)"></div> 本质上这种方式是直接执行引号当中的JS语句. 2.以DOMObject对象属性赋值方式 var div=document.getElementById("div")

理解JavaScript中的事件处理 阻止冒泡event.stopPropagation();

原文地址:http://www.cnblogs.com/binyong/articles/1750263.html 这篇文章对于了解Javascript的事件处理机制非常好,将它全文转载于此,以备不时之需. 什么是事件? 事件(Event)是JavaScript应用跳动的心脏 ,也是把所有东西粘在一起的胶水.当我们与浏览器中 Web 页面进行某些类型的交互时,事件就发生了.事件可能是用户在某些内容上的点击.鼠标经过某个特定元素或按下键盘上的某些按键.事件还可能是 Web 浏览器中发生的事情,比如

详解JavaScript中的事件处理

在漫长的演变史,我们已经告别了内嵌式的事件处理方式(直接将事件处理器放在HTML元素之内来使用),今天的事件,它已是DOM的重要组成部分,遗憾的是,IE继续保留它最早在IE4.0中实现的事件模型,以后的IE版本中也没有做太大的改变,这也就是说IE还是使用的是一种专有的事件模型(冒泡型),而其它的主流浏览器直到DOM级别3规定定案后,才陆陆续续支持DOM标准的事件处理模型——捕获型与冒泡型. W3C规范在DOM级别1中并没有定义任何的事件,直到发布于2000年11月的DOM级别2才定义了一小部分子