码迷,mamicode.com
首页 > 编程语言 > 详细

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

时间:2018-10-24 15:39:26      阅读:156      评论:0      收藏:0      [点我收藏+]

标签:修改   span   his   点击   学习   elements   调用   var   sem   

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(事件)

标签:修改   span   his   点击   学习   elements   调用   var   sem   

原文地址:https://www.cnblogs.com/Anec/p/9842615.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!