事件

事件

onclick --- 鼠标单击

ondbclick --- 鼠标双击

oncontextmenu --- 鼠标右键

onmousemove --- 鼠标移动

onmouseover --- 鼠标移入

onmouseout --- 鼠标移出

onkeydown --- 键盘按下

onkeyup --- 键盘弹起

onkeypress --- 键盘按下并弹起

blur:当页面或元素失去焦点时在 window 及相关元素上触发

focus:当页面或者元素获得焦点时在 window 及相关元素上面触发

change: 当文本框(input 或 textarea)内容改变且失去焦点后触发。

input : 当文本框(input 或 textarea)内容改变触发

submit: 当用户点击提交按钮在

元素上触发。

0-9 48-57
A-Z 65-90
a-z 97-122

keyCode属性,获取键码

button属性,获取鼠标按键码

which属性,获取按键对应得数字同时获取鼠标按键对应得值,新的属性,老版本的ie浏览器不支持

两者区别于鼠标按键码不同:button(0,1,2) which(1,2,3)

shiftKey,ctrlKey,altKey事件对象下面的三个属性分别代表shift,ctrl,alt键。(返回一个布尔值)

事件绑定(事件监听,侦听)

一个元素对象上面绑定多个事件处理函数,按照顺序输出。

addEventListener() 标准浏览器

元素对象.addEventListener(事件类型, 事件处理函数, 是否捕获);

事件类型,没有on

事件处理函数--函数体或函数名

是否捕获--冒泡false、捕获true

attachEvent(事件类型,事件处理函数) IE浏览器

事件类型,有on

事件处理函数--函数体或函数名

反向输出的。

事件绑定过程中标准浏览器和非标准浏览器的区别:

参数长度不一样。

事件类型不一样。(on)

执行顺序不一样。(非标准是反向执行)

事件处理函数里面的this指向不一样(IE指向window,标准就谁调用函数,this指向谁)

事件流:页面中元素对象接收事件的顺序

netscape-网景-事件捕获(从最不具体的元素到最具体的元素)

microsoft-微软-事件冒泡(从具体的元素到最不具体的元素)

事件对象下面的两个属性

event.target属性--标准 获取元素

event.srcElement属性--IE 获取元素

事件委托:利用事件冒泡的原理。将子元素的事件委托给父元素去执行

事件委托的优点:减少事件发生的次数。

原文地址:https://www.cnblogs.com/zlf1914/p/12818261.html