zoukankan      html  css  js  c++  java
  • addEventListener使用方法

    使用方法

    target.addEventListener(type, listener, useCapture); 

    target 文档节点、document、window 或 XMLHttpRequest。

    type 字符串,事件名称,不含“on”,比如“click”、“mouseover”、“keydown”等。

    listener 实现了 EventListener 接口或者是 JavaScript 中的函数。

    useCapture 是否使用捕捉,看了后面的事件流一节后就明白了,一般用 false

    事件触发时,会将一个 Event 对象传递给事件处理程序,比如:

    document.getElementById("testText").addEventListener("keydown", function (event) { alert(event.keyCode); }, false); 

    实例

    document.body.addEventListener('mousemove', function moveHandler(e){
    if ( e.clientY > 1200 ) doSomething(); // 如果 y > 1200 做你要做的事
    document.body.removeEventListener('mousemove', moveHandler, false);
    }, false);

    DOM1 协定
     
    onblur()

    The element has lost focus (that is, it is not selected by the user).
     
    onchange0

    The element has either changed (such as by typing into a text field) or the element has lost focus.
     
    onclick0

    The mouse has been clicked on an element.
     
    ondblclick()

    The mouse has been double-clicked on an element.
     
    onfocus()

    The element has gotten focus.
     
    onkeydown()

    A keyboard key has been pressed down (as opposed to released) while the element has focus.
     
    onkeypress()

    A keyboard key has been pressed while the element has focus.
     
    onkeyup()

    A keyboard key has been released while the element has focus.
     
    onload()

    The element has loaded (document, frameset, or image).
     
    onmousedown()

    A mouse button has been pressed.
     
    onmousemove()

    The mouse has been moved.
     
    onmouseout()

    The mouse has been moved off of or away from an element.
     
    onmouseover()

    The mouse has moved over an element.
     
    onmouseup()

    A mouse button has been released.
     
    onreset()

    The form element has been reset, such as when a form reset button is pressed.
     
    onresize()

    The window's size has been changed.
     
    onselect()

    The text of a form element has been selected.
     
    onsubmit()

    The form has been submitted.
     
    onunload()

    The document or frameset has been unloaded.

    DOM2 的进化

    onblur()

    blur
     
    onfocus()

    focus
     
    onchange()

    change
     
    onmouseover()

    mouseover
     
    onmouseout()

    mouseout
     
    onmousemove()

    mousemove
     
    onmousedown()

    mousedown
     
    onmouseup()

    mouseup
     
    onclick()

    click
     
    ondblclick()

    dblclick
     
    onkeydown()

    keydown
     
    onkeyup()

    keyup
     
    onkeypress()

    keypress
     
    onsubmit()

    submit
     
    onload()

    load
     
    onunload()

    unload

  • 相关阅读:
    3.2.5 复制节点:
    1.创建元素节点:
    有多少漏洞都会重来:从ElasticSearch到MongoDB和Redis
    登陆密码显示与不显示的切换
    计算机网络基础 — Linux 路由器
    作为白手起家的企业家,必经阶段你经历了几个?
    竞争越来越大,创业公司怎么才能走的越来越远?
    城市竞争太大?这有农村创业七大项目,让你远离竞争
    短视频的改革带来的风暴,网红又该何去何从?
    照着官方文档学习react
  • 原文地址:https://www.cnblogs.com/laonanren/p/2958474.html
Copyright © 2011-2022 走看看