JavaScript-事件类型

【JavaScript-事件类型】的更多相关文章

JavaScript事件类型

JavaScript事件类型 Web浏览器中可能发生的事件有很多类型.这里我将主要将下面几种常用的事件类型: UI事件焦点事件鼠标与滚轮事件键盘与文本事件复合事件变动事件 HTML5事件设备事件触摸与手势事件第一部分:UI事件 UI事件中UI即(User Interface,用户界面),当用户与页面桑拿的元素交互时触发. UI事件中主要包括load,unload,abort,error,select,resize,scroll事件. 1.load事件此事件为当页面完全加载完之后…

javascript事件类型之界面拖拽交互

一.在线DEMO 界面拖拽交互…

JavaScript 中的事件类型5（读书笔记思维导图）

Web 浏览器中可能发生的事件有很多类型.如前所述,不同的事件类型具有不同的信息,而“ DOM3级事件”规定了以下几类事件. UI(User Interface,用户界面)事件:当用户与页面上的元素交互时触发: 焦点事件,当元素获得或失去焦点时触发:鼠标事件:当用户通过鼠标在页面上执行操作时触发: 滚轮事件:当使用鼠标滚轮(或类似设备)时触发: 文本事件:当在文档中输入文本时触发: 键盘事件:当用户通过键盘在页面上执行操作时触发: 合成事件:当为 IME(Input Method Editor…

JavaScript 中的事件类型4（读书笔记思维导图）

Web 浏览器中可能发生的事件有很多类型.如前所述,不同的事件类型具有不同的信息,而“ DOM3级事件”规定了以下几类事件. UI(User Interface,用户界面)事件:当用户与页面上的元素交互时触发: 焦点事件,当元素获得或失去焦点时触发:鼠标事件:当用户通过鼠标在页面上执行操作时触发: 滚轮事件:当使用鼠标滚轮(或类似设备)时触发: 文本事件:当在文档中输入文本时触发: 键盘事件:当用户通过键盘在页面上执行操作时触发: 合成事件:当为 IME(Input Method Editor…

JavaScript 中的事件类型3（读书笔记思维导图）

Web 浏览器中可能发生的事件有很多类型.如前所述,不同的事件类型具有不同的信息,而“ DOM3级事件”规定了以下几类事件. UI(User Interface,用户界面)事件:当用户与页面上的元素交互时触发: 焦点事件,当元素获得或失去焦点时触发:鼠标事件:当用户通过鼠标在页面上执行操作时触发: 滚轮事件:当使用鼠标滚轮(或类似设备)时触发: 文本事件:当在文档中输入文本时触发: 键盘事件:当用户通过键盘在页面上执行操作时触发: 合成事件:当为 IME(Input Method Editor…

JavaScript 中的事件类型2（读书笔记思维导图）

Web 浏览器中可能发生的事件有很多类型.如前所述,不同的事件类型具有不同的信息,而“ DOM3级事件”规定了以下几类事件: UI(User Interface,用户界面)事件:当用户与页面上的元素交互时触发: 焦点事件,当元素获得或失去焦点时触发:鼠标事件:当用户通过鼠标在页面上执行操作时触发: 滚轮事件:当使用鼠标滚轮(或类似设备)时触发: 文本事件:当在文档中输入文本时触发: 键盘事件:当用户通过键盘在页面上执行操作时触发: 合成事件:当为 IME(Input Method Editor…

JavaScript 中的事件类型1（读书笔记思维导图）

Web 浏览器中可能发生的事件有很多类型.如前所述,不同的事件类型具有不同的信息,而“ DOM3级事件”规定了以下几类事件. UI(User Interface,用户界面)事件:当用户与页面上的元素交互时触发: 焦点事件,当元素获得或失去焦点时触发:鼠标事件:当用户通过鼠标在页面上执行操作时触发: 滚轮事件:当使用鼠标滚轮(或类似设备)时触发: 文本事件:当在文档中输入文本时触发: 键盘事件:当用户通过键盘在页面上执行操作时触发: 合成事件:当为 IME(Input Method Editor…

《JAVASCRIPT高级程序设计》事件处理程序和事件类型

一.事件流谈到事件,首要要理解事件流的概念:事件流是指从页面接受事件的顺序:“DOM2级事件”规定事件流包括三个阶段:事件捕获阶段.处于目标阶段和事件冒泡阶段.目前大部分的浏览器的事件流是事件冒泡,即最开始由具体的元素接收事件,然后逐级传播到不具体的节点,直到传播到windows对象:另一种事件流是事件捕获,目前使用得比较少,是指文档对象先接收到事件,然后逐级向下,一直传播到事件的实际目标. 二.事件处理程序 1.两种表示方式 <input type="button" valu…

javaScript事件（六）事件类型之滚轮事件

滚轮事件其实就是一个mousewheel事件,这个事件跟踪鼠标滚轮,类似Mac的触屏版. 一.客户区坐标位置鼠标事件都是在浏览器视口的特定位置上发生的.这个位置信息保存在事件对象的clientX和clientY属性中.所有浏览器都支持者两个属性.clientX和clientY表示事件发生时鼠标指针在视口中的水平和垂直坐标. document.addEventListener('click',function(event){ document.title=event.clientX+' , '+…

浅谈JavaScript的事件（事件类型）

Web浏览器能够发生的事件有很多种类型,不同的事件类型有不同的事件信息.DOM3级的事件类型主要包括:UI事件,用户与页面上的元素交互时触发:焦点事件,元素获得或失去焦点触发:鼠标事件,用户通过鼠标在页面上执行操作时触发:滚轮事件,使用鼠标滚轮时触发:文本事件,当在文档中输入文本时触发:键盘事件,用户通过键盘在页面上操作触发:合成事件,当为IME输入字符时触发:变动事件,底层DOM结构发生变化时触发. UI事件 UI事件的触发并不一定是由用户操作触发的,包括:load,页面完全加载后在windo…

javascript 事件编程之事件（流，处理，对象，类型）

1. 事件处理 1.1. 绑定事件方式 1)行内绑定语法: //最常用的使用方式 <元素事件="事件处理程序"> 2)动态绑定 //结构+样式+行为分离的页面(html+css+js事件) 语法: 对象.事件=事件处理程序行内绑定和动态绑定的重要区别: 以上程序是不可用的,点击div时,执行test函数,这时,test中的this表示window对象因为: 我们定义test函数,实际上相应于在window对象下定义了test属性 test(); -> 相当于…

javaScript事件（九）事件类型之触摸与手势事件

一.触摸事件 touchstart:当手指触摸屏幕时触发:即使已经有一个手指放在了屏幕上也会触发. touchmove:当手指在屏幕上滑动时连续地触发.在这个世界发生期间,调用preventDefault()可以阻止滚动. touchend:当手指在屏幕上移开时触发. touchcancel:当系统停止跟踪触摸时触发.关于此事件的确切触发时间,文档中没有明确说明. 上面这几个事件都会冒泡,也都可以取消.虽然这些触摸事件没有在DOM规范中定义,但它们却是以兼容DOM的方式实现的.因此,每个触摸事件…

javaScript事件（八）事件类型之变动事件

DOM2级的变动(mutation)事件能在DOM中某一部分发送变化时给出提示.变动事件为XML或HTML DOM设计的,并不特定于某种语言.DOM2级定义了如下变动事件. DOMSubtreeModifined:在DOM结构发生任何变化的时候.这个事件在其他事件触发后都会触发. DOMNodeInserted:当一个节点作为子节点被插入到另一个节点中时触发. DOMNodeRemoved:在节点从其父节点中移除时触发. DOMNodeInsertedIntoDocument:在一个节点被直接插…

javaScript事件（七）事件类型之键盘与文本事件

键盘事件如下: keydown:当用户按下键盘上的任意键时触发,而且如果按住不放的话,会重复触发此事件. keypress:当用户按下键盘上的字符键时触发,而且如果按住不放的话,会重复触发此事件. keyup:当用户释放键盘上的键时触发. 只有一个文本事件:textInput.textInput是对keypress的补充,用意是在将文本显示给用户之前更容易拦截文本.在文本插入文本框之前会触发textInput事件. 解释: 当用户按下一个键盘上的字符键时,首先会触发keydown事件,然后紧跟着…

javascript常见的几种事件类型

第一种事件类型:onchange() <body> <select id="sheng" onchange="fn1();"> <option value="0" selected="selected">请选择</option> <option value="1">河南省</option> <option value="…

javascript 的事件类型（事件）

事件通常与函数配合使用,这样就可以通过发生的事件来驱动函数执行. 事件是文档或者浏览器窗口中发生的,特定的交互瞬间. 事件是用户或浏览器自身执行的某种动作,如click,load和mouseover都是事件的名字. 事件是javaScript和DOM之间交互的桥梁. 你若触发,我便执行——事件发生,调用它的处理函数执行相应的JavaScript代码给出响应. 典型的例子有:页面加载完毕触发load事件:用户单击元素,触发click事件. 事件流描述的是从页面中接收事件的顺序. 事件发生时会在元素…

JavaScript 事件——“事件类型”中“HTML5事件”的注意要点

contextmenu事件该事件用以表示何时应该显示上下文菜单,以便开发者取消默认的上下文菜单,转而提供自定义的菜单. 因为该事件属于鼠标事件,所以其事件对象中包含与光标位置有关的所有属性.如: <body> <ul id="menu" > <li>item1</li> <li>item2</li> <li>item3</li> </ul> <script type=&q…

Javascript中的事件对象和事件类型

接上次看JS的事件冒泡和捕获,所以顺带就把事件相关的知识都看完好了而且想到一个好的学习方法,第一天自己看,第二天把前一天学习的东西写下来,一方面可以当复习,一方面当重新整理并且分享事件对象事件处理程序函数在处理事件时,或者说DOM在触发某个事件的时候,会产生一个包含事件相关信息的event事件对象对于不同浏览器环境,这个event事件对象有一些差距 DOM中的事件对象不管是DOM0级还是DOM2级兼容DOM的浏览器会将一个event对象传入事件处理程序中常用的event对象的一些属…

javaScript事件（五）事件类型之鼠标事件

一.事件二.事件流以上内容见:javaScript事件(一)事件流三.事件处理程序四.IE事件处理程序以上内容见javaScript事件(二)事件处理程序五.事件对象以上内容见javaScript事件(三)事件对象六.事件对象的公共成员以上内容见javaScript事件(四)event的公共成员(属性和方法) 七.鼠标事件 DOM3级事件中定义了9个鼠标事件. mousedown:鼠标按钮被按下(左键或者右键)时触发.不能通过键盘触发. mouseup:鼠标按钮被释放弹起时触发…

JavaScript DOM高级程序设计 4.2 事件类型--我要坚持到底！

对象事件 load和unload(载入页面的时候调用load,关闭页面的时候调用unload) abort和error 对于载入图像时出现错误的情况,可以使用error事件侦听器来进行说明: ADS.addEvent(window,'load',function(){ //创建一个图像元素 var image=document.createElement('IMG'); //当图像载入后将其添加到文档主体 ADS.addEvent(image,'load',function(){ documen…

Javascript高级编程学习笔记（60）—— 事件（4）事件类型

事件类型 Web浏览器中可能发生的事件有许多种类型不同类型的事件都有着自己独特的信息在“DOM3级事件”规范中,规定了以下几类事件: UI事件当用户与页面元素交互时触发焦点事件当元素失去或获得焦点时触发鼠标事件当用户通过鼠标在页面上执行操作时触发滚轮事件当使用鼠标滚轮或类似设备时触发文本事件当在文档中输入文本时触发键盘事件当用户通过键盘在页面执行操作时触发合成事件当为IME(输入法编辑器)输入字符时触发变动事件当底…

JavaScript事件概览

JavaScript事件 JavaScript是单线程,在同一个时间点,不可能同时运行两个"控制线程". 事件句柄和事件对象 1.注册事件句柄标准和非标准 var button=documenbt.elementByID("#button"); button.addEventListener('click',function(){ //do something. },false); //第三个参数表明事件是否阻止冒泡.true阻止冒泡,false类似默认行为一样进…

【移动端兼容问题研究】javascript事件机制详解（涉及移动兼容）

前言这篇博客有点长,如果你是高手请您读一读,能对其中的一些误点提出来,以免我误人子弟,并且帮助我提高如果你是javascript菜鸟,建议您好好读一读,真的理解下来会有不一样的收获在下才疏学浅,文中难免会有不同程度的错误,请您指正留言 PS:事件阶段一节请看最新博客,之前理解有误 javascript事件基础我们的网页之所以丰富多彩并具有交互功能,是因为我们的javascript脚本语言,而javascript与HTML之间的交互又是通过事件机制实现的所以,事件是javascript一…

【repost】JavaScript 事件模型事件处理机制

什么是事件? 事件(Event)是JavaScript应用跳动的心脏 ,也是把所有东西粘在一起的胶水.当我们与浏览器中 Web 页面进行某些类型的交互时,事件就发生了.事件可能是用户在某些内容上的点击.鼠标经过某个特定元素或按下键盘上的某些按键.事件还可能是 Web 浏览器中发生的事情,比如说某个 Web 页面加载完成,或者是用户滚动窗口或改变窗口大小. 通过使用 JavaScript ,你可以监听特定事件的发生,并规定让某些事件发生以对这些事件做出响应. 今天的事件在漫长的演变史,我们已经告…

JavaScript事件详解-jQuery的事件实现（三）

正文本文所涉及到的jQuery版本是3.1.1,可以在压缩包中找到event模块.该篇算是阅读笔记,jQuery代码太长.... Dean Edward的addEvent.js 相对于zepto的event模块来说,jQuery的event那真是难读了很多,先从大神Dean Edward的addEvent开始入手吧,地址在这里.源码不长 function addEvent(element,type,handler){ if(element.addEventListener){ element.…

JavaScript事件详解-Zepto的事件实现（二）【新增fastclick阅读笔记】

正文作者打字速度实在不咋地,源码部分就用图片代替了,都是截图,本文讲解的Zepto版本是1.2.0,在该版本中的event模块与1.1.6基本一致.此文的fastclick理解上在看过博客园各个大神的文章后对我确实有很大的帮助,当然,我的某些观点可能不是很准确甚至有错误,欢迎讨论,白天基本在线. zepto的event 可以结合上一篇JavaScript事件详解-原生事件基础(一)综合考虑源码暂且不表,github里还有中文网站都能下到最新版的zepto.整个event模块不长,274行,我…

关于编写性能高效的javascript事件的技术

如何能做出高效的web前端程序是我每次做前端开发都会不自觉去考虑的问题.几年前雅虎里牛逼的前端工程师们出了一本关于提升web前端性能的书籍,轰动了整个web开发技术界,让神秘的web前端优化问题成为了大街的白菜,web前端优化变成了菜鸟和大牛都能回答的简单问题,当整个业界都知道了惊天秘密的答案,那么现有的优化技术已经不能对你开发的网站产生的质的飞越,为了让我们开发的网站性能比别人的网站更加优秀,我们需要更加深入的独立思考,储备更加优秀的技能. Javascript里的事件系统是我想到的第一个突破…

JavaScript 事件管理

在设计JavaScript xxsdk的时候考虑到能让调用者参与到工作流程中来,开始用了回调函数.如下: this.foo = function(args,callbackFn) { //do something //then if callbackFn is a function callbackFn(); }; 或者在初始化的传入config. function SDK(config) { var configs = { onInit: function() { }, onFoo: func…

总结JavaScript事件机制

JavaScript事件模型在各种浏览器中存在三种事件模型: 原始事件模型 , DOM2事件模型 , IE事件模型. 其中原始的事件模型被所有浏览器所支持,而DOM2中所定义的事件模型目前被除了IE以外的所有主流浏览器支持. 原始事件模型: 在原始事件模型中(也有说DOM0级),事件发生后没有传播的概念,没有事件流.事件发生,处理,结束,就这么简单.监听函数只是元素的一个属性值,通过指定元素的属性值来绑定监听器.书写方式有两种: (1) HTML代码中指定属性值:<input type=”…

JavaScript事件对象与事件处理程序

在学习之前建议请看一下事件流.事件冒泡.事件捕获一.事件对象事件对象:在DOM触发事件时,会产生一个事件对象event,这个事件对象包含着所有与事件相关的信息.既然event是事件对象,那么它必然存在属性 ①DOM中的事件对象event属性 (1).type属性用于获取事件类型 (2).target.srcElement<兼容IE事件>属性用于获取事件目标 (3).stopPropagation()方法用于阻止事件冒泡 (4).preventDefault() 方法阻…