资讯专栏INFORMATION COLUMN

初步理解JS中的事件

hzc / 1283人阅读

摘要:事件什么是事件与之间的交互是通过事件来实现的。事件属性的元素属性在的元素中可以直接添加事件的属性这种方法虽然简单,但是耦合度高,没有做到和的有效分离。设置事件的处理函数这里居然是个按钮事件属性在的的对象,也可以直接设置事件属性。

事件 什么是事件

JavaScript与HTML之间的交互是通过事件来实现的。事件,就是文档或浏览器窗口中发生的一些特定的交互瞬间。简单来说,事件就是浏览器告知JavaScript程序用户的行为。

事件属性 HTML的元素属性

在HTML的元素中可以直接添加事件的属性,这种方法虽然简单,但是耦合度高,没有做到JavaScript和HTML的有效分离。而且只能作用在当前元素。
示例代码如下:


//在HTML元素后添加属性元素,属性值为函数名。

DOM事件属性

在DOM的的对象,也可以直接设置事件属性。这种方法可以绑定多个元素,并且耦合度较低。
示例代码如下:







事件监听器

在DOM对象中,提供了addEventListener()方法,被称为添加事件监听器,同时也可以设置事件属性。该方法存在着浏览器的兼容问题。IE8以下的版本不支持。
示例代码如下:






在IE8以下版本的浏览器中,不支持addEventLisner()的方法,但是提供了attachEvent()的方法。
示例代码如下:




文章版权归作者所有,未经允许请勿转载,若此文章存在违规行为,您可以联系管理员删除。

转载请注明本文地址:https://www.ucloud.cn/yun/97287.html

相关文章

  • jQuery(一)-- 初步了解

    摘要:一初步了解介绍由创建于年一月的开源项目,凭借着跨平台的兼容性,简洁的语法,极大的简化了人员遍历文档,操作,处理事件,执行动画,和开发的操作。只建立一个名为的对象。对发生在同一个对象上的一组动作,可以直接连写无需重复获取对象。 jQuery(一)-- 初步了解 jQuery介绍 由John Resig创建于2006年一月的开源项目,jQuery凭借着跨平台的兼容性,简洁的语法,极大的简...

    quietin 评论0 收藏0
  • 结合源码彻底理解 react事件机制原理 01 - 对事件机制的初步理解和验证

    摘要:前言这是事件机制的第一篇,主要内容有表象理解,验证,意义和思考。因为合成事件的触发是基于浏览器的事件机制来实现的,通过冒泡机制冒泡到最顶层元素,然后再由统一去处理。合成事件的阻止冒泡不会影响原生事件。 showImg(https://segmentfault.com/img/bVbtvP2?w=800&h=420); 前言 这是 react 事件机制的第一篇,主要内容有:表象理解,验证...

    muddyway 评论0 收藏0
  • vuex在重构Cnode项目中的运用

    摘要:定义需要状态的参数变量,状态变更用于改变的状态,注意中是不能直接改变中的状态的,一定要借助于的事件分发。而在中进行事件的分发就可以进行异步操作。当然还有许多的地方可以用到,比如说在本项目的弹窗组件也用到了,来根据具体情境显示对应的提示文本。 写在文章前: 在第一版初步实现cnode的基本功能后,本来是用本地存储的存储用户登录成功返回的用户的基本信息,用于后面的回复功能,查看信息等操作需...

    trilever 评论0 收藏0
  • handsontable初步认知

    摘要:待更新左上角单元格赋值问题,通过改源码实现。下拉单元格高度修改,定位元素修改时下拉列表的最后一个显示不全,有。 hansontable简介 是一个在线类似Excel的表格编辑器,支持丰富的展现和交互,有多样的单元格类型供配置。 核心是由原生JavaScript构建,充分模块化,支持自定义build。 除了核心表格渲染(实质就是js操作table,计算元素位置,自定义绑定事件处理),大部...

    mrcode 评论0 收藏0
  • handsontable初步认知

    摘要:待更新左上角单元格赋值问题,通过改源码实现。下拉单元格高度修改,定位元素修改时下拉列表的最后一个显示不全,有。 hansontable简介 是一个在线类似Excel的表格编辑器,支持丰富的展现和交互,有多样的单元格类型供配置。 核心是由原生JavaScript构建,充分模块化,支持自定义build。 除了核心表格渲染(实质就是js操作table,计算元素位置,自定义绑定事件处理),大部...

    wslongchen 评论0 收藏0

发表评论

0条评论

hzc

|高级讲师

TA的文章

阅读更多
最新活动
阅读需要支付1元查看
<