事件事件流

Posted yanghaoyu0624

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了事件事件流相关的知识,希望对你有一定的参考价值。

一、使用返回值改变html元素的默认行为
    HTML元素大都包含了自己的默认行为,例如:超链接、提交按钮等。我们可以通过在绑定事件中加上return false来阻止它的默认行为。
    <a onclick=‘demo()‘>测试</a>
      function demo()
        需要执行的代码片段;
        return false;
      


二、dom的事件监听
    设置事件监听:
      元素对象.addEventListener(“事件类型”,”处理函数”,false);
    取消事件监听:
      元素对象.removeEventListener(“事件类型”,”处理函数”,false);
    常用的事件:
      onclick 单击对象是触发
      ondblclick 双击对象是触发
      onmouseout 鼠标移入对象时触发
      onmousemove 鼠标移出时触发
      onmouseover 鼠标移出时触发
    键盘事件:
      onkeydown 按下键盘上某个按键时触发,一直按会持续触发
      onkeyup 释放某个按键时触发
      onkeypress 按下某个按键并产生字符时触发,忽略shift等功能键
    HTML事件:
       onload 页面完全加载后在window对象上触发
       onunload 页面完全卸载后再window对象上触发
       onselect 选择了文本框的一个或多个字符时触发
       onchange 文本框失去焦点时,并且在它获取焦点后内容发生过改变时触发
       onsubmit 单击“提交”按钮时在表单form上触发
       onfocus 任何元素或窗口获得焦点时触发
       onblur 任何元素或窗口失去焦点时触发

 

以上是关于事件事件流的主要内容,如果未能解决你的问题,请参考以下文章

事件流(事件冒泡事件捕获和DOM事件流)

javascript事件流是啥?都有哪些事件流?

js中的事件流和事件处理程序

DOM事件揭秘-事件流

js事件流事件处理程序/事件侦听器

事件流及事件冒泡机制