js:注册事件处理器

1、事件处理函数赋值法;缺点是只能注册一个事件处理程序

1.1 直接把处理函数赋值给DOM元素;

eg:

    <input type="button" onclick = "alert(this.nodeName);" value ="按钮"/>

1.2 将事件处理函数赋值给元素的onclick、onmoseover等特殊属性

eg: 

    var btn = document.getElementsByTagName("input")[0];

    btn.onclick = function(){

       //todo

    }


2 使用内置的addEventListener方法

document.addEventListener("click",function(){console.log("click");

})


document.addEventListener("mousemove",function(){console.log("mousemove");

})

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

相关阅读更多精彩内容

  • 1:DOM0事件和DOM2级在事件监听使用方式上有什么区别? 浏览器端的JavaScript采用的是事件驱动的异步...
    饥人谷_bigJiao阅读 326评论 0 0
  • 什么是事件: 事件是交互体验的核心功能 一.事件冒泡: 当一个事件发生时,这个事件会从内向外逐层传递。 二.为什么...
    轻描淡写mua阅读 574评论 0 0
  • 题目1: DOM0 事件和DOM2级在事件监听使用方式上有什么区别? DOM0级事件处理方式:通过JavaScri...
    辉夜乀阅读 324评论 0 0
  • 简单理解事件是用户或浏览器自身执行的某种动作。诸如click、load而事件处理程序则是响应某个事件的函数。诸如o...
    Miss____Du阅读 1,000评论 7 6
  • Dom事件 事件是一种异步编程的实现方式,本质上是程序各个组成部分之间的通信。DOM支持大量的事件 (一) Eve...
    woow_wu7阅读 1,889评论 0 1

友情链接更多精彩内容