html中绑定事件写法

Posted 等风来

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了html中绑定事件写法相关的知识,希望对你有一定的参考价值。

1. 无参数调用

<button onclick="handleClick()"></button>

2. 传入this对象

<button onclick="handleClick(this)"></button>

<div onclick="handleClick(this)"><button></button></div>

this始终指向绑定事件的元素,与冒泡无关

3. 传入event对象

<button onclick="handleClick(event)"></button>

4. 对象函数内部的this

<button onclick="m.handleClick(this)">测试</button>

html中的this始终是button,handleClick内部的this是m本身

以上是关于html中绑定事件写法的主要内容,如果未能解决你的问题,请参考以下文章

多个事件绑定执行window.onload写法

事件事件流

元素绑定事件几种方式

js绑定事件方法:addEventListener与attachEvent的不同浏览器的兼容性写法

实用代码片段将json数据绑定到html元素 (转)

JQuery调用绑定click事件的3种写法