问答文章1 问答文章501 问答文章1001 问答文章1501 问答文章2001 问答文章2501 问答文章3001 问答文章3501 问答文章4001 问答文章4501 问答文章5001 问答文章5501 问答文章6001 问答文章6501 问答文章7001 问答文章7501 问答文章8001 问答文章8501 问答文章9001 问答文章9501

怎么用JavaScript为html元素绑定事件?

发布网友 发布时间:2022-04-20 15:46

我来回答

4个回答

懂视网 时间:2022-04-20 20:07

WEB标准提倡结构、表现和行为相 分离,现在越来越多采用这种表现和行为的方式,但它也为我们开发调试带来一些问题,网页载入一堆JavaScript,,我们很难搞清楚最后在哪些元素的哪个动作绑定了事件,尤其是JavaScript加载事件的方式五花八门,可以透过jQuery、element.click = function() { }、element.addEventListener()…,很难由单一处找出所有事件。而理不清事件来龙去脉,要追踪某个点击动作背后的行为就变得有些困难,直到我们遇到以下两种利器。

chrome开发者工具有查看HTML元素绑定事件的功能,如下图所示:

使用html元素绑定的事件方法的利器分享

但这种方式查看事件的方法还是有点困难,直到遇到它chrome的插件 Chrome Web Store - Visual Event

Visual Event的运作原理,在于其熟知主要JavaScript库(例如: jQuery、YUI、ExtJS)事件机制,可深入其中撷取事件,并将其标注在对象元素上。目前支持的JS库包括:

DOM 0 events
jQuery 1.2+
YUI 2
MooTools 1.2+
Prototype 1.6+
Glow

在启用后,有元素将被标上蓝色区块,滑鼠停留时会显示事件的细节。如下图所示:

使用html元素绑定的事件方法的利器分享

热心网友 时间:2022-04-20 17:15

这个有3种方式...

1.传统绑定模式.element.onclick=function...

2.W3C绑定模式.也是除IE外其他浏览器用的..就是elem.addEventListener(
"click",function(){})

3.就是IE的邦定模式了...elem.attachEvent("onclick",function(){});

热心网友 时间:2022-04-20 18:33

在标签里面这样用

<div id="aaa" style="width:100px;height:100px;color:black" onclick="change_color()">点我</div>
<script language="javacript">
document.getElementById('aaa').style.color = 'green';
</script>

其他可用事件:onclick, ondblclick, onmousedown, onmouseup, onmouseover, onmousemove, onmouseout, onkeypress, onkeydown, onkeyup

热心网友 时间:2022-04-20 20:08

这个要分不同的浏览器的处理了
ie:
ele.attachEvent("onclick", function(){ });
非ie:
ele.addEventListener("click", function(){ }, false);
声明声明:本网页内容为用户发布,旨在传播知识,不代表本网认同其观点,若有侵权等问题请及时与本网联系,我们将在第一时间删除处理。E-MAIL:11247931@qq.com
刺身怎么下刀? 养老护理员资格证的等级是什么 养老护理员证有几级啊 工行手机银行如何提前还房贷 工行手机银行提前还房贷操作 工行手机银行app可以提前房贷还款吗_工行手机银行提前还房贷步骤... 金龙八部是什么时出版的 天龙八部陈浩民那一年出版的 金庸作品集:天龙八部图书信息 puum243请到柜面、网银或手机银行修改密码? 超重被交警抓一般怎么处理 希望您能理解 英文 怎么说啊? 求达人解释下这首词。 回到明朝当王爷的简介 回到明朝当王爷的介绍 轻雷隐隐初惊蛰 回到明朝当王爷的作者简介 形容惊蜇的诗词 qq怎样登陆 qq如何登录 怎么做黄豆瓣酱 课外阅读 雕像 GB/T51212-2016对应的国际标准是哪个 建筑智能化国际标准有哪些?? 国际化标准的超甲级写字楼有什么要求? 我国的高层建筑分类标准与国际高层建筑的划分标准有什么不同 GB/T 50104-2010是什么意思?? 建筑制图没有国际标准吗 我想认证全民k歌!认证之后像图片上一样的!谁知道怎么整? Mate 10升级emui9.1.0.336后联系人消失只有通讯记录号码? 2020申海国际建筑业资质*最新标准人员有哪些,承包范围有哪些? 怎样在网上对山东大学校园卡进行充值 有没有关于圣诞节的笑话 删除微信好友不记得怎么加回来? 怎么找回删掉的微信好友 微信被删除好友的如何找回? 高三课标英语周报母版 微信好友删除了怎么找回,不记得他和名字了? 如何恢复删除好友的? 微信好友被删了,自己又不知道他的了。怎么找回 我把一个微信好友删了,但有转账记录,能不能找回对方? 微信删除了好友怎样找回 微信删除好友怎么才能加回来我不知道他 把微信好友删除了!我怎么找回他的微信!没有记住,也没有手机号? 三实小的英语是冀教版吗 微信好友怎么恢复删除掉的好友不知道对放的? 怎么找回删除微信好友的 已婚男同事酒后摸我的手是什么意思?他喝多了但没醉 已婚男士对未婚女子性侵的动机是什么? 处女座老碰到已婚男搞暧昧怎么破 已婚男人请回答,这是逢场作戏吗?他喜不喜欢我?