addEventListener

最新推荐文章于 2024-03-31 16:26:26 发布
最新推荐文章于 2024-03-31 16:26:26 发布
阅读量1.1k 收藏
点赞数
分类专栏： 1.0 JavaScript 文章标签： function html div
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/lqscoke/article/details/1477270
版权

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
 <head>
  <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
  <title>Untitled Document</title>
 </head>
 <body>
 <script>

function addObjectEvent(objId,eventName,eventFunc)
{
        var targetObj = document.getElementById(objId);
        if(targetObj)
        {
                if(targetObj.attachEvent)
                {
                        targetObj.attachEvent(eventName,eventFunc);
                }
                else if(targetObj.addEventListener)
                {
                        eventName = eventName.toString().replace(/on(.*)/i,'$1');
                        targetObj.addEventListener(eventName,eventFunc,true);
                }
        }
       
}

function test1()
{
        alert('test1');
}

function test2()
{
        alert('test2');
}

 

</script>

<div id="hi" οnclick="MyTest();">on click</div>
<script>
 addObjectEvent('hi','onclick',test1);
 addObjectEvent('hi','onclick',test2);//先执行test2(队列)
</script>
 </body>
</html>
 

lqscoke
关注
专栏目录
js添加事件和移除事件:addEventListener()与removeEventListener()
Just do it
03-28 14万+
作用：      addEventListener()与removeEventListener()用于处理指定和删除事件处理程序操作。      它们都接受3个参数：事件名、事件处理的函数和布尔值。      布尔值参数是true，表示在捕获阶段调用事件处理程序；如果是false，表示在冒泡阶段调用事件处理程序。 示例： 环境：移动端，界面禁止触摸事件 要在bo
测试绑定多个addEventListener
客栈
07-17 1419
test 123 321 321 var a=document.getElementById('bar'); a.addEventListener('click',function () { console.log("1") },true); a.addEventListener('click',function () { console.log("2") },fa
原生JavaScript事件详解
weixin_33834679的博客
12-28 316
     JQuery这种Write Less Do More的框架，用多了难免会对原生js眼高手低。      小菜其实不想写这篇博客，貌似很初级的样子，但是看到网络上连原生js事件绑定和解除都说不明白，还是决定科普一下了。      首先声明，小菜懂的也不是很多，只是把我的思路和大家分享一下。   DOM0事件模型        事件模型在不断发展，早期的事件模型称为DOM0级别。...
addEventListener 的用法示例介绍
xyjikl
07-13 1290
(要注意的是div必须放到js前面才行) 一般情况下，如果给一个dom对象绑定同一个事件，只有最后一个会生效，比如： 复制代码 代码如下: document.getElementById("btn").onclick = method1; document.getElementById("btn").onclick = method2; document.getEleme
addEventListener和addListener的区别
smile的博客
02-06 5万+
addListener是用于鼠标，键盘等特殊元素的一些监听 addEventListener是对组件监听的 (要注意的是div必须放到js前面才行) 一般情况下，如果给一个dom对象绑定同一个事件，只有最后一个会生效，比如： 复制代码 代码如下: document.getElementById("btn").onclick = method1; document.ge
js addeventlistener
Charles1938229的博客
02-17 3518
JavaScript是一种广泛应用于网页开发的脚本语言，具有灵活的语法和强大的功能。在网页中，我们经常需要处理用户的交互操作，例如点击按钮、输入文本等，而addEventListener方法就是用来处理这些事件的。
addEventListener() 方法
热门推荐
handsomeAndHero的博客
06-16 11万+
备忘录
addEventListener方法
qq_65537235的博客
03-31 124
addEventListener（“事件类型例如click”，函数方法例如声明一个匿名函数）
addEventListener监听
weixin_61978391的博客
04-06 1329
2.监听浏览器窗口（resize）1.监听滚动条（scroll）
document.addEventListener使用介绍
09-04
`document.addEventListener` 是JavaScript中的一个核心方法，用于向指定元素添加事件监听器。这个方法是DOM（Document Object Model）事件处理的一部分，它允许我们在网页的文档对象上绑定各种类型的事件，如点击、...
动态的绑定事件addEventListener方法的使用
09-04
在本文中，我们将深入探讨`addEventListener`方法的使用，这对于创建响应式的Web应用至关重要。 `addEventListener`是DOM（文档对象模型）级别2事件处理程序的一部分，它允许我们为一个元素添加一个或多个事件...
js中addEventListener()与removeEventListener()用法案例分析
10-15
在JavaScript中，`addEventListener()` 和 `removeEventListener()` 是两个非常重要的事件处理方法，它们用于向DOM元素添加或移除事件监听器。理解这两个方法的工作原理对于编写交互式的Web应用程序至关重要。 `...
所在地选择
01-11 3378
html>head>title>testtitle>meta http-equiv="Content-Type" content="text/html; charset=gb2312">head>body bgcolor="#FFFFFF" leftmargin="0" topmargin="0" marginwidth="0" marginheight="0">select name=Pro
css实现羽化效果
06-19 2100
HTML:参数opacity           -->设定起始透明度finishOpacity     --> 设定结束透明度style             -->0:均勻、1:线状、2:园形、3:长方形范例:HTML(Style为长方形):-->效果:(style依次为1、2、3) 
Ajax验证用户名是否存在
01-11 1642
用Ajax访问163的通行证注册，获取返回的信息。Register.html页面DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">html>    head>        title>title>        meta name="GENERATOR" content="Microsoft Visual Stud
js时间验证源码(短时间，短日期，长日期)
01-08 1584
 (1) 短时间，形如 (13:04:06)function isTime(str){var a ＝ str.match(/^(/d{1,2})(:)?(/d{1,2})/2(/d{1,2})$/);if (a ＝＝ null) {alert(’输入的参数不是时间格式’); return false;}if (a[1]>24 || a[3]>60 || a[4]>60){alert("时间格式不对
addeventlistener
最新发布
09-14
`addEventListener` 是JavaScript中一个非常重要的方法，用于向指定元素添加事件监听器，以便在发生特定事件时执行代码。它属于事件委托机制的一部分，允许你为同一个元素设置多个事件处理程序，而且可以灵活地控制...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值