事件的add几种方式

最新推荐文章于 2023-10-15 15:21:59 发布
最新推荐文章于 2023-10-15 15:21:59 发布
阅读量1k 收藏
点赞数 1
分类专栏： JSDOM
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_37805832/article/details/108674856
版权 
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
 <button id="btn">我是按钮</button>   
 <script type="text/javascript">
      var btn = document.getElementById("btn");
    /*
    方式一:
    1.通过onxxx的方式来添加
    注意点: 由于是给属性赋值, 所以后赋值的会覆盖先赋值
    */
    /*btn.οnclick=function()
    {
        alert("cyg");
    }
    btn.οnclick=function()
    {
        alert("777");
    }
    let obj={};
    obj.say=function()
    {
        console.log("888");
    }
    obj.say=function()
    {
        alert("999");
    }
     obj.say();
     */
    /*
    方式二:
    2.通过addEventListener方法添加
    注意点:
    1.事件名称不需要添加on
    2.后添加的不会覆盖先添加的
    3.只支持最新的浏览器IE9
    */
   /*btn.addEventListener("click",function()
    {
        alert("666");
    });
   btn.addEventListener("click",function()
    {
        alert("777");
    });
    */
    /*
    方式三
    3.通过attachEvent方法添加
    注意点:
    1.事件名称必须加上on
    2.后添加的不会覆盖先添加的
    3.只支持低版本的浏览器
    */
  /* btn.attachEvent("onclick",function()
    {
        alert("666");
    });
    btn.attachEvent("onclick",function()
    {
        alert("6");
    });*/
    cygEvent(btn,"click",function()
        {
            alert("666");
        });
    cygEvent(btn,"click",function()
        {
            alert("666");
        });
 function cygEvent(ele, name, fn)
 {
    if(ele.attachEvent)
    {
        ele.attachEvent("on"+name,fn);
    }
    else
    {
        ele.addEventListener(name,fn);
    }
 }
 </script>
</body>
</html>
贵哥的编程之路(热爱分享)
关注
  • 1
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 0
    评论
专栏目录
C#生成ZIP文件的几种方式
05-09
以下将详细介绍C#中生成ZIP文件的几种方法。 一、System.IO.Compression.ZipFile类 .NET Framework 4.5及更高版本引入了`System.IO.Compression`命名空间中的`ZipFile`类，使得操作ZIP文件变得简单。以下是使用`...
js添加事件和移除事件:addEventListener()与removeEventListener()
lrbtony的博客
04-11 1940
addEventListener()与removeEventListener()
JS中事件的添加
Dear_Mr的博客
10-30 4069
在JS中，事件的添加主要有三种方式： 1. 直接在html标签上添加 <div onclick="代码段或者是函数">div</div> 这种方法也可以通过JS的obj.setAttribute("onclick", function(){........}完成2. 使用JS的DOM的方法添加 document.getElementById('div').onclick = function
JS事件addEventListener、on、元素属性事件触发的先后顺序
蚁族的奋斗的博客
08-22 651
https://blog.csdn.net/bingoxing/article/details/82459497 dom 事件 <div onclick> <> js 属性事件 div.onclick= js 监听事件 addeventlinsener 总结： 1.如果 dom 中写的有 事件 会先执行dom 中的事件 和 js 中 属性事件当然 会覆盖 ...
on事件和addevent事件的区别
zm_miner的博客
02-09 6806
on事件 function fn1(){alert(1)}; function fn2(){alert(2)}; document.onclick=fn1(); document.onclick=fn2(); 只会弹出2 - 使用on事件，给标签加多个事件的时候后面的会覆盖前面的。 function fn1(){alert(1)}; function fn2(){aler...
JavaScript添加事件的三种方法
ANFO的博客
10-22 5068
一.事件 Event 对象代表事件的状态，比如事件在其中发生的元素、键盘按键的状态、鼠标的位置、鼠标按钮的状态，常用事件如下： 事件 触发时机 onchange 用户改变域的内容 onclick 鼠标点击某个对象 onkeydown 某个键盘的键被按下时触发 onload 某个页面或图像被完成“加载” onsubmit 提交按钮被点击 ...
遍历Hashtable 的几种方法
10-31
遍历Hashtable的几种方法 在.NET Framework中，Hashtable是一个非常常用的数据结构，用于存储键值对数据。然而，在实际应用中，我们经常需要遍历Hashtable以获取其存储的数据。今天，我们将讨论遍历Hashtable的几种...
Matlab函数的几种定义方式
11-04
Matlab 是一种强大的数学计算和数据分析环境，支持多种方式定义函数。以下将详细介绍标题和描述中提到的七种函数定义方法： 1. **函数文件+调用命令文件**： 在这种定义方式下，我们需要创建一个`.m`文件，比如`my...
android邮件发送几种方式
03-29
下面将详细介绍几种常见的Android邮件发送方式。 1. **使用Intent启动邮件应用** Android系统内置了对邮件应用的支持，可以通过Intent来启动邮件客户端。这种方式简单易用，但缺点是用户必须安装了邮件客户端应用...
PB 调用webservice 几种方式
12-15
在PB 11.5中，有几种方法可以实现对Web服务的调用，以下将详细介绍这些方法。 1. **SOAP Toolkit**： PB 11.5包含了对SOAP（简单对象访问协议）的支持，通过使用SOAP Toolkit，开发者可以直接在PB中创建、调用和...
JS实现动态添加DOM节点和事件的方法示例
10-19
主要介绍了JS实现动态添加DOM节点和事件的方法,涉及javascript事件响应及针对页面dom元素节点与属性的动态操作相关实现技巧,需要的朋友可以参考下
js中添加事件的方法
Rockandrollman的博客
01-10 1337
常见的方法有3种，如上方代码所示，选取适合的方式使用即可。js中添加事件的方法。
JS中事件绑定addEventListener()
weixin_44134816的博客
03-21 356
addEventListener() //通过这个方法可以为元素绑定响应函数 参数：1.事件的字符串，不要on 2.回调函数，当事件触发时该函数会被调用 3.是否在捕获阶段触发事件，需要一个布尔值，一般传false 注意：这个方法不支持IE8以下的浏览器 element.addEventerListener("click",function(){ },false) attachEvent() //在IE8中可以使用attachEvent() ...
js addEventListener绑定事件方法(详细介绍）
m0_47659279的博客
04-04 9284
事件冒泡 如果两个元素是嵌套的，那么当子元素事件触发后，父元素的对应事件会随后触发，这种事件自下而上的触发就是事件冒泡，类似水中的气泡往上冒 例如下面代码，点击son元素后先触发son的点击事件，然后触发parent的点击事件 <div id="parent" onclick="alert('parent')"> parent <div id="son" onclick="alert('son')">son</div> </div> 事
JS绑定事件的三种方法(简单易懂)
最新发布
m0_74577714的博客
10-15 3615
相信大家都了解过事件，但如何给元素绑定事件，如何使用呢？让我为大家介绍三种绑定事件的方法吧！以下都是用点击事件(click)来做示范。
在元素上写事件和addEventListener()的区别
热门推荐
吴小迪的博客
06-01 4万+
在元素上写事件和addEventListent()的区别 onclick添加事件不能绑定多个事件，后面绑定的会覆盖前面的。而addEventListener能添加多个事件绑定，按顺序执行。 addEventListener方式，不支持低版本的IE。（attachEvent 支持IE）。 普通方式绑定事件后，不可以取消。addEventListener绑定后则可以用 removeEvenListe...
JavaScript中事件的添加方式-
weixin_51847874的博客
02-04 499
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title> <style> #box {
js中添加事件的三种方法
qq_42577176的博客
01-08 3703
1. <input onchange="handle(event)"/> function handle(e){ console.log(e.target.value) } 2 const btn = document.querySelector('.btn'); btn.addEventListener('click', () => { console.log('dianji').
js循环添加事件的两种方法
jinxiaoning的博客
04-19 2582
js循环事件的两种方法
ArrayList初期化几种方式
08-29
ArrayList可以通过以下几种方式进行初始化： 1. 使用无参构造函数：使用ArrayList的无参构造函数可以创建一个空的ArrayList对象，然后可以使用add()方法向其中添加元素。 ```java ArrayList<String> list = new ...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

贵哥的编程之路(热爱分享)

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付：¥1
获取中
扫码支付

您的余额不足，请更换扫码支付或充值

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

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

余额充值