zoukankan      html  css  js  c++  java
  • JavaScript学习

    DOM event(事件)

      定义事件:

              // 定义事件:
                  //方式一,直接在标签上定义事件
    
                    // 方式二:
                    var a11 = document.getElementsByName('a11')[0];
                    a11.onclick = function f1() {
                        console.log("OK!!!")
                    }
    
                    //方式三(this方式)
                    var a11 = document.getElementsByName('a11')[0];
                    a11 = function f1() {
                        this.onclick(console.log("OK!!!"))
                    }
             //onclick 用户点击某个对象时调用的事件句柄
            //ondblclick 用户双击某个对象时调用的事件句柄
    
            // onfocus 获得焦点时触发
            // onblur 失去焦点时触发
    
            // onchange 内容修改时触发
    
            //onkeydown 某个键盘按下
            // onkeypress 某个键盘按下并松开
            // onkeyup 某个按键松开
    
            // onmousedown 鼠标按钮按下
            // onmousemove 鼠标移动
            // onmouseout  鼠标从某元素移开
            // onmouseover 鼠标一道某元素之上
            // onmouseleave 鼠标从元素离开        

        //div - div /div - /div 鼠标点击 内层div时 会同时触发 内外层事件!
        //注意:!!! 阻止事件向外层传递!!!!
        // var event = 获取标签

        //event.onclick = function(e){
        //  e.stopPropagation;
        //}
  • 相关阅读:
    例子2.5
    例子2.4
    例子2.3
    例2
    例2.1
    快闪PPT 快速入门教程 脑洞大开,特效随你定 ----口袋动画PA(初学易上手001):
    Linux 基础与应用教程 0011(DNS解析)
    课外阅读记录:001
    好的特效模板
    学习记住并且时常要打开去看的VIM
  • 原文地址:https://www.cnblogs.com/Anec/p/9842615.html
Copyright © 2011-2022 走看看