js事件
flyingpig2016
菲常六加一
展开
-
keydown、keypress和textInput的用法 — 第13.4.4节
一:键盘事件的用法? “DOM3级事件”为键盘事件制定了规范,有3个键盘事件: 1. keydown:当用户按下任意键的时候触发。如果按住不放会重复触发; 2. keypress:当用户按下键盘上字符键时触发,如果按住不放会重复触发,另外按下esc键也会触发这个事件; 3. keyup:当用户释放键盘上的键的时候触发。当按下键盘上的字符键时,首先触发keydown事件,然后紧跟原创 2016-12-15 21:50:12 · 1400 阅读 · 0 评论 -
javascript中事件的分类 — 第13.4.1讲
事件分类总结一:javascript中事件的分类 1.UI事件:当用户与页面上的元素交互时候触发; 2.焦点事件:当用户通过鼠标在页面上执行操作时触发; 3.滚轮事件:当用户使用鼠标滚轮时触发; 4.文本事件:当在文档中输入文本时触发; 5.键盘事件:当用户通过键盘在页面操作时触发; 6.合成事件:当为IME(input Method Editor,输入法编辑器)输入字符时触发;原创 2016-11-30 18:12:44 · 416 阅读 · 0 评论 -
js中的鼠标和滚轮事件 — 第13.4.3节
JavaScript中的鼠标和滚轮事件一:鼠标事件分类? DOM3级鼠标事件分为9种: 1. click:一般是鼠标左键按下或者回车键按下; 2. dbclick:在用户双击鼠标按钮的时候触发(一般左键); 3. mousedown:用户按下了任意鼠标按钮时触发; 4. mouseenter: 在鼠标从元素外部首次移到元素范围之内时触发。(不冒泡),在光标移动到后代元素上不会触原创 2016-12-15 13:08:53 · 1076 阅读 · 0 评论 -
模拟事件的方法 — 第13.6讲
一:创建DOM事件的方法? 模拟事件的步骤:创建event对象,它接受四种参数: UIEvents : 一般的UI事件。其实鼠标和键盘事件都继承自UI事件,DOM3级中是UIEvent;MouseEvents:一般化的鼠标事件。DOM3级中的是MouseEvent;MutationEventents:检测DOM变动的事件。DOM3中是MutationEvent。HTMLEvents :一原创 2016-12-20 16:50:50 · 603 阅读 · 0 评论 -
JavaScript中的设备事件 — 第13.4.8节
JavaScript中的设备事件一:检测屏幕旋转的角度:orientationchange 苹果公司为移动Safari浏览器中添加了orientationchange事件,用来检测屏幕的旋转状态,它对应的属性window.orientaion:它一共有三个状态:0:正常状态;-90:手机向右横屏;90:手机向左横屏。 不过我在安卓的魅族手机上和小米手机测试了也可以用到orientati原创 2016-12-17 23:21:48 · 754 阅读 · 0 评论 -
js给每个li绑定不同事件(事件委托技术)
一:给ul下的li绑定同样的事件(制作选项卡的原理) html可css:<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Document</title> <style> * {margin: 0;padding: 0;} #myList {width:原创 2016-12-20 12:46:47 · 9622 阅读 · 0 评论 -
浏览器支持的html5事件 — 第13.4.7节
浏览器支持的html5事件一:阻止鼠标右键的contextmenu事件? 用来显示上下文菜单,用来让开发人员取消默认的上下文菜单,而提供自定义的菜单。这个事件可以冒泡。 下面是一个自己制作的右键菜单,代码展示如下:<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Document</ti原创 2016-12-17 11:06:11 · 650 阅读 · 0 评论 -
JavaScript中的焦点事件 — 第13.4.2 节
焦点事件一:什么是焦点事件? 焦点事件会在页面元素失去或者获得焦点时触发。利用焦点事件并和document.hasFocus()、document.activeElement属性配合,可以知道用户在页面上的行踪。焦点事件分为6种: 1. blur:在元素失去焦点时触发。(不会冒泡);兼容所有浏览器。 2. DOMFocusIn:元素获取焦点时触发。和focus等价,(冒泡,opera支原创 2016-12-13 22:37:43 · 734 阅读 · 0 评论 -
事件冒泡和事件捕获的含义? — 第13.1讲
该懂得一定要懂,该学的不能再拖,该行动的就是此刻!一:事件流的历史? 就像是在桌面上画了许多同心圆,当把手放在圆心上,那么你的手指指的不是一个圆,而是所有的圆。公司的浏览器开发团队在看待浏览器事件方面还是一致的,如果你单击了某个按钮,他们都认为,事件不仅仅发生在按钮上,甚至单击了整个页面。 JavaScript中事件流描述的是从页面中接收事件的顺序,但是有意思的是,IE和Netscape原创 2016-10-29 14:18:45 · 4074 阅读 · 0 评论 -
DOM0级和DOM2级事件处理程序的区别? — 第13.2.2节
一:什么是DOM0级事件处理程序? DOM0级方法指定的事件处理程序被认为是元素的方法,因此,这时候的事件处理程序是在元素的作用域中执行的;例如DOM0级绑定事件的方法:<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Document</title></head><body> <原创 2016-10-29 19:11:24 · 3467 阅读 · 0 评论 -
JavaScript中attachEvent()和detachEvent()使用方法 — 第13.2.4节
我们都知道,dom事件处理程序有两种类型:DOM0级和DOM2级,其中DOM0级在文档中调用onclick事件,这种方法比较繁琐,DOM2级使用addEventListener()和removeEventListener()两个方法处理事件,这种方法比较常见,但是,ie人家牛逼,IE中也有类似的两个方法:attachEvent()和detachEvent()。这两个方法接受相同的连个参数:事件处理程原创 2016-10-29 20:17:55 · 13328 阅读 · 1 评论 -
addEventListener()和attachEvent()跨浏览器的兼容性处理 — 第13.2.5节
为了保证处理事件能在大多数浏览器下一致的运行,只需关注冒泡阶段。第一个要创建的方法是addHandler(),它的职责是视情况分别使用DOM0级方法、DOM2级方法或IE方法来添加事件。第二个方法是removeHandler()方法,用于移除添加的事件。EventUtil创建方法和用法如下:<!DOCTYPE html><html lang="en"><head> <meta chars原创 2016-10-29 22:57:23 · 2085 阅读 · 0 评论 -
javascript中的UI事件 — 第13.4.1节
一:什么是UI事件? UI事件指的是那些不一定与用户操作有关的事件。这些事件在DOM规范出现之前,都是以其他形式存在的。在DOM规范中保留是为了向后兼容。ui事件有7种 1.DOMActivate:表示已经被用户操作过的元素。DOM3中被废弃。Firefox和chrome可以使用。 2. load: - 页面完全加载后再window上面触发; - 当所有框架都加载完毕时在框架上面触发;原创 2016-11-30 18:15:27 · 574 阅读 · 0 评论 -
event对象的兼容性处理 — 第13.3讲
想过没有,你最最痛恨的ie全家却能提高你的编程能力! IE中的event对象和DOM中的event不同,要访问IE中的event对象取决于指定事件处理程序的方法。在使用DOM0级方法添加事件处理程序的时候,event对象作为window对象的一个属性存在。var btn1 = document.getElementById('btn1');btn1.onclick = function(e){原创 2016-11-29 18:33:02 · 1920 阅读 · 0 评论 -
DOM中监听节点变化的事件(变动事件)的用法 — 第13.4.6节
DOM变动事件用法原创 2016-12-16 13:31:26 · 30429 阅读 · 0 评论 -
DOM中的event对象详解 — 第13.3.1节
理解事件对象 追根溯源事件对象,才发现自己会的微不足道! 在触发DOM的事件的时候,浏览器会默认产生一个event对象,这个对象包含了所有与该事件有关的信息,比如:鼠标点击页面的某个按钮会让事件对象中包含对象的节点、鼠标的位置….等信息。 * 一:对于直接在html里写入的事件,通过变量event来输出event对象:*<input type="button" value="按钮3" on原创 2016-11-28 23:54:02 · 902 阅读 · 0 评论 -
js中的touch事件及gesture(手势)事件详解 — 第13.4.9节
一:touch事件分类? 1. touchstart:当手指触摸屏幕时触发。不管有多少个手指放在了屏幕上,只要再触摸一下屏幕就会触发。在此,我用小米的google浏览器做了一个实验,添加一个计数器,用来查看屏幕上手指触摸的次数,代码如下: window.onload = function(){ var i = 0; document.addEventListe原创 2016-12-19 19:59:11 · 20035 阅读 · 0 评论