美文网首页
添加html元素的事件

添加html元素的事件

作者: msqt | 来源:发表于2019-03-04 15:58 被阅读0次

添加html元素事件的三种方法。

1.通过HTML元素属性。
简单说来就是在html结构中,给你要添加事件的元素添加一个属性。
属性名为 'on' + 事件名。
如:你要给a元素绑定一个click事件你就该这么写:
<a href="http://blog.163.com/luping_01/blog/#" onclick='do something'>name</a>

2.通过对象属性。
对象指的是jDOM树里的对象,我们都知道,所有的html元素在DOM(文档对象类型)里都存在一个相应的DOM元素。
给这个DOM元素添加事件等同于方式一。这个属性名也一样:
也为 on + 事件名
如:
html结构:
<a href="http://blog.163.com/luping_01/blog/#" id="n">name</a>
js:

document.getElementById('n').onclick = function(){ //do something}

3.通过W3C监听方式(标准方式)或者IE专属的中间模型添加事件

W3C方式: elemennt.addEventListener(事件名,处理函数引用,true || false)
这里的事件名就是单纯的事件名,不需要加 on ,true表示在事件传播阶段捕获事件,false表示在事件冒泡阶段捕获事件,一般我们设为false!

IE模式: element.attachEvent( 'on' + 事件名,处理函数引用);
注意,IE模式需要加on</pre>

相关文章

  • 添加html元素的事件

    添加html元素事件的三种方法。 1.通过HTML元素属性。简单说来就是在html结构中,给你要添加事件的元素添加...

  • react基础(上)

    JSX{} 中添加表达式,可以是变量值 也可以使HTML元素 添加事件 ,在需要添加监听事件的元素上添加on*属性...

  • js事件处理程序

    1、HTML事件处理程序2、DOM0级事件处理程序:先获取HTML元素,然后给元素添加事件属性如onlick属性,...

  • 2019-01-26

    js事件 HTML事件 直接在HTML元素标签内添加时间,执行脚本 语法:...

  • 深入浅出JavaScript8章节第05章DOM事件

    01HTML事件:直接在HTML元素的标签内添加事件,执行脚本。语法:

  • JavaScript HTML事件

    HTML事件直接在HTML元素标签内添加事件,执行脚本。语法:功能:在H...

  • JavaScript常用事件及dom删除节点

    常用事件 1.事件添加方式及onclick事件 a.事件直接加在HTML元素上 请点击该文本 b.事件通过JS添加...

  • 事件绑定分析

    click 事件是指元素在被点击时触发的事件,其有几种使用方式; 1、在 html 元素中添加 onclick 后...

  • 动态添加的时候给元素的绑定事件

    动态添加的html的时候 想要元素有之前写的事件效果 要使用这个绑定事件

  • H5长按事件

    举个例子,获取html中的所有图片元素,给它们添加长按事件

网友评论

      本文标题:添加html元素的事件

      本文链接:https://www.haomeiwen.com/subject/keyiuqtx.html