Js添加事件

最新推荐文章于 2022-07-04 14:52:30 发布
最新推荐文章于 2022-07-04 14:52:30 发布
阅读量567 收藏
点赞数
分类专栏： javascript 文章标签： javascript 事件
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/widenstage/article/details/72590151
版权

直接看代码：

<html> 
<head> 
<title>Event</title> 

    <script type="text/javascript">

         window.onload = function(){
              
           var  bt = document.getElementById("btn2");
           bt.οnclick=click2;

         }

         function click1() 
         {   
            alert('click1'); 
         }
         function click2() 
         {   
            alert('click2'); 
         }

    </script> 
</head>

<body> 

     <input type="button" id="btn" value="click" οnclick="click1()" /> 
     <input type="button" id="btn2" value="click2"  /> 
</body> 

</html>
如例子所示，我们一般有两种方法为对象增加事件：

方法一：
直接在对象定义的地方定义事件；

方法二：
obj.οnclick=method
这种绑定事件的方式，兼容主流浏览器，也可以动态的为对象增加事件，十分方便。

widenstage
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
JavaScript添加事件的三种方法
ANFO的博客
10-22 4967
一.事件 Event 对象代表事件的状态，比如事件在其中发生的元素、键盘按键的状态、鼠标的位置、鼠标按钮的状态，常用事件如下： 事件 触发时机 onchange 用户改变域的内容 onclick 鼠标点击某个对象 onkeydown 某个键盘的键被按下时触发 onload 某个页面或图像被完成“加载” onsubmit 提交按钮被点击 ...
js循环添加事件的两种方法
jinxiaoning的博客
04-19 2573
js循环事件的两种方法
js中添加事件的三种方法
qq_42577176的博客
01-08 3699
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 中动态添加事件（整理）
jaylongli的专栏
03-31 3万+
在 JS 中动态添加事件，涉及到浏览器兼容性问题。结合我的实践经验以及从网上收集的一些资料，特整理在此，希望有点用。 方法一、setAttributevar obj = document.getElementById("obj");obj.setAttribute("onclick", "javascript:alert(测试);");这里利用 setAttribute 指定 onclick
js添加事件的通用方法推荐
10-22
本文将深入探讨JavaScript中添加事件的通用方法，以便在不同的浏览器环境中实现兼容性。 首先，我们来了解一下JavaScript中的事件。事件是用户或浏览器对页面进行操作时触发的动作，如点击按钮、滚动页面等。当事件...
javascript 动态添加事件代码
10-30
在JavaScript中，动态添加事件是常见的需求，但因为不同浏览器之间的兼容性问题，需要采用不同的方法来实现。以下是关于如何在JavaScript中动态添加事件的详细讲解： 1. **setAttribute方法**： `setAttribute` 是...
js添加绑定事件的方法
10-22
主要为大家详细介绍了js添加事件的通用方法，还为大家介绍了js绑定事件的常用方式，感兴趣的小伙伴们可以参考一下
JavaScript DOM 添加事件
10-30
是我在给库中添加事件的时候写的添加事件的方法！这个方法实现了跨浏览器之间的方法！
Stage.js简介
09-03 660
Stage.js是一个轻量级的开源JavaScript库，您可以使用跨平台2D HTML5游戏的开发。 该库采用了类似DOM的模型来进行处理的帆布和全部由自己管理应用程序的渲染周期。 在本教程中，我将向你介绍这个库，试图掩盖你可能需要知道如何开始使用它轻松的一切。 开始吧！ 设置和使用 首先，你必须下载库。 你可以从它获得最新版本的Stage.js的GitHub的仓库 （这里包括了几个例...
js实现为新添加元素添加绑定事件
m0_64288219的博客
07-04 3149
不知道大家在写js的时候碰没碰到过这样一个问题：算了，还是直接上代码 就是有时我们使用querySelectAll(‘li’)只能获取html原有的li1,li2,li3标签，如果我们此时创建一个新的小li名为newLi并把它添加到div里面,querySelectAll(‘li’）就无法选取newLi。 因为 var li=document.querySelectorAll(‘li’); 把他放在第一行只能获取前三个，因为新的 小li还没有创建出来。 此时把 var li=document.
JS中为一个对象添加事件
weixin_34009794的博客
11-24 298
例如：在js中，为一个button添加onclick事件可以这样写： button.onclick=ClickEvent; ClickEvent是一个函数。这样在ClickEvent没有参数的时候是可以的，但在ClickEvent需要一个参数的时候，就不行了。这时可以这样添加： button.attachEvent("onclick",function(){ClickEv...
js添加事件和移除事件:addEventListener()与removeEventListener()
热门推荐
Just do it
03-28 14万+
作用：      addEventListener()与removeEventListener()用于处理指定和删除事件处理程序操作。      它们都接受3个参数：事件名、事件处理的函数和布尔值。      布尔值参数是true，表示在捕获阶段调用事件处理程序；如果是false，表示在冒泡阶段调用事件处理程序。 示例： 环境：移动端，界面禁止触摸事件 要在bo
js中的事件对象和添加事件
ruler1112的博客
07-24 1490
1.事件冒泡,子元素上触发的事件如果父元素上也有同样的事件，那么父元素上的事件也会触发，通过事件冒泡可以实现事件委托,就是把事件都绑定在父元素上, 通过判断事件目标来确定事件处理函数. oBox1.onclick=function(ev){ //这里只是适用于非ie 浏览器,ie浏览器的event对象和别的浏览器不一样 switch(ev.target.id){ case "b
使用js动态添加点击事件时，click与onclick的区别
xyq286654901的博客
05-24 1万+
使用js动态添加点击事件时，click与onclick的区别！！！！！
原生js javascript 给动态添加的元素绑定事件
一只爱吃糖的小羊
08-14 1万+
原生js 给动态添加的元素绑定事件的可能应用场景：在创建一个元素之后，需要给它绑定事件，这时候要用到事件委托。jQuery现在很少用了，就不说了，现在来说一下原生js的写法： let tag = `&lt;div class="newsBox"&gt; &lt;p class="newsList"&gt;Title: &lt;span class="newsUrl" id="newsUr.
给js动态加载出来的元素添加事件
itbigboy的博客
04-10 1424
上面是动态追加的元素， $(document).on('click','#edit',function(){ var options=$('#agent option:selected').val(); //获取选中的代理商 $.ajax({ url:"<%=path %>/agent/area?id="+options, ...
用JS 对对象添加事件
多特店影的专栏
09-10 210
第一种情况： IE7和FIRFOX有效 Java代码   var td =  document.getElementById("td");      td.onclick = function test()   {       alert('');   }   Java代码   var func_name=  function ()
html添加js点击事件,js添加绑定事件的方法
weixin_39638929的博客
06-29 1304
先介绍js添加事件通用方法，具体内容如下测试添加事件：firefox使用addEventListener,ie使用attachEvent点击此p标签，绑定了2个弹出事件function test1() {alert("test1");}function test2(){alert("test2");}//添加事件通用方法function addEvent(element,e,fn) {//fire...
d3js 添加事件
最新发布
05-28
要给 d3.js 中的元素添加事件，可以使用 `.on()` 方法。例如，要为一个圆形元素添加点击事件，可以使用以下代码： ``` d3.select("circle") .on("click", function() { console.log("Circle clicked!"); }); ```...

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

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

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值