JS的事件

JS事件

努力不一定成功,不努力肯定不能成功 ---forever

  • onClick 单击事件
  • onMouseOver 鼠标经过事件
  • onMouseOut 鼠标移出事件
  • onChange 文本内容改变事件
  • onSelect 文本框选中事件
  • onFocus 光标聚集事件
  • onBlur 移开光标事件
  • onLoad 网页加载事件
  • onUnload 关闭网页事件

事件流

  • 事件流 :
    描述的是在页面中接受事件的顺序
  • 事件冒泡 :
    由最具体的元素接收,然后逐级向上传播至最不具体的元素的节点(文档)
  • 事件捕获 :
    最不具体的节点先接收事件,而最具体的节点应该是最后接收事件

事件处理

  • HTML事件处理:
    直接添加到HTML结构中



    
    Title


    
    


  • DOMO级事件处理:
    把一个函数赋值给一个事件处理程序属性



    
    Title


    
    


  • DOM2级事件处理
    • addEventListener("事件名", "事件处理函数", "布尔值");
    • true:事件捕获
    • false:事件冒泡
    • removeEventListener();



    
    Title


    
    


  • IE事件处理程序
    • attachEvent
    • detachEvent



    
    Title


    
    
    


总结:优缺点

  • HTML事件处理:比较繁琐,修改好多地方
  • 0级处理:能被覆盖掉
  • 在开发中一般使用2级响应事件,灵活性强

事件对象

  • 事件对象: 在触发DOM事件的时候都会产生一个对象
  • 事件对象event
    1. type:获取事件类型
    2. target:获取事件目标
    3. stopPropagation():阻止事件冒泡
    4. preventDefault():阻止事件默认行为
    


    
    Title


    
    


  • preventDefault():阻止事件默认行为



    
    Title


    
百度一下

你可能感兴趣的:(JS的事件)