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

Posted Anec

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了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 鼠标从元素离开        

 

以上是关于JavaScript学习 - 基础 - DOM event(事件)的主要内容,如果未能解决你的问题,请参考以下文章

JavaScript学习--DOM基础

JavaScript学习--Item29 DOM基础详解

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

javascript基础学习系列-DOM盒子模型常用属性

Python自动化开发学习的第十二周----WEB基础(JavaScript+Dom)

JavaScript学习 - 基础 - DOM 节点 添加/删除/修改/属性值操作