avatar

js事件
  • 事件源
  • 事件名
  • 事件监听
  • 事件处理

事件类型

javascript可以处理的事件类型为: 鼠标事件、键盘事件、HTML事件。

几个常用的事件:
onclick, onblur, onfocus, onload,onchange, onmouseover, onmouseout, onkeyup, onkeydown

事件流和事件模型

事件流: 接收事件的顺序。
事件顺序: 事件捕获(从大到小)和事件冒泡(从小到大)。
冒泡和捕获其实都是事件流的不同表现,这两者的产生是因为IE和Netscape两大公司完全不同的事件流概念产生的。(事件流: 是指页面接收事件的顺序)IE的事件流是事件冒泡,Netscaape的事件流是事件捕获流。

事件处理程序

  1. HTML事件处理程序
  2. DOM 0级事件处理程序
    • 将一个函数赋值给一个事件处理程序属性
  3. DOM 级事件处理程序
    • 可以为同一个元素同一个事件设定多个事件程序

DOM 0级事件

1
2
3
4
5
<button id="btn">button</button>
var btn = document.getElementById('btn');
btn.onclick = function(){
console.log("supervision...")
}

DOM 2级事件

1
2
3
4
5
<button id="btn2">button</button>
var btn2 = document.getElementById('btn2');
btn2.addEventListener('事件名', '函数名1');
btn2.addEventListener('事件名', '函数名2');
btn2.removeEventListener('事件名', '函数名2');

文章作者: gh
文章链接: https://ghclub.top/posts/14994/
版权声明: 本博客所有文章除特别声明外,均采用 CC BY-NC-SA 4.0 许可协议。转载请注明来自 GHBlog
打赏
  • 微信
    微信
  • 支付寶
    支付寶

评论