JavaScript学习 - 基础(七) - DOM event(事件)

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;
　　　　//}