为元素绑定多个事件

最新推荐文章于 2023-04-19 21:02:19 发布
最新推荐文章于 2023-04-19 21:02:19 发布
阅读量208 收藏
点赞数 
<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title>title</title>

</head>
<body>
<input type="button" value="按钮" id="btn"/>
<script src="common.js"></script>
<script>
  //为元素绑定事件(DOM):一种,但是不兼容,有两种
  //1 对象.addEventListener("事件类型",事件处理函数,false);--谷歌和火狐支持,IE8不支持
  //2 对象.attachEvent("有on的事件类型",事件处理函数)--谷歌不支持,火狐不支持,IE8支持

  //为按钮绑定点击事件
  //参数1:事件的类型---事件的名字,没有on
  //参数2:事件处理函数---函数(命名函数,匿名函数)
  //参数3:布尔类型,目前就写false-----没有为什么,不解释,明天说

  //为同一个元素绑定多个相同的事件--
//  my$("btn").addEventListener("click",function () {
//    console.log("小苏猥琐啊");
//  },false);
//  my$("btn").addEventListener("click",function () {
//    console.log("小苏龌龊啊");
//  },false);
//  my$("btn").addEventListener("click",function () {
//    console.log("小苏邪恶啊");
//  },false);
//  my$("btn").addEventListener("click",function () {
//    console.log("小苏下流啊");
//  },false);

  //参数1:事件类型---事件名字，有on
  //参数2:事件处理函数---函数(命名函数,匿名函数)

//  my$("btn").attachEvent("onclick",function () {
//    console.log("小杨好帅哦1");
//  });
//
//  my$("btn").attachEvent("onclick",function () {
//    console.log("小杨好帅哦2");
//  });
//
//  my$("btn").attachEvent("onclick",function () {
//    console.log("小杨好帅哦3");
//  });


</script>
</body>
</html>

 

liuguoxuanvip
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
在一个元素上绑定多个事件
qq_42763335的博客
08-08 3728
DOM2级定义了两个方法用于处理指定和删除事件处理程序的操作: addEventListener()和removeEventListener()。所有的DOM节点中都包含了这两个方法，并且它们都接受3个参数，要处理的时间名、作为事件处理程序的函数和一个布尔值。最后这个布尔值如果是true，表示在捕获阶段调用事件处理程序，如果是false，表示在冒泡阶段调用事件处理程序，比如要在按钮上为click事...
14-js 为元素绑定多个事件兼容处理
的博客
06-06 175
为元素绑定事件(DOM):一种,但是不兼容,有两种 1 、对象.addEventListener(“事件类型”,事件处理函数,false);–谷歌和火狐支持,IE8不支持 为按钮绑定点击事件： 参数1:事件的类型—事件的名字,没有on 参数2:事件处理函数—函数(命名函数,匿名函数) 参数3:布尔类型,目前就写false my$("btn").addEventListener("c...
为元素绑定多个相同事件 绑定事件的另一种方式 复习 介绍 元素的事件绑定
Leon_Jinhai_Sun的博客
01-17 390
为元素绑定多个相同事件 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Document</title> <script src="jquery-1.12.1.js"></script> &l...
前端三剑客（html、css、js）面试题
weixin_45754783的博客
04-19 1677
html5：添加了许多具有语义化的标签，如：
javaScript中为元素绑定多个事件
aManWithDreams的博客
11-17 1005
javaScript中为元素绑定多个事件 在DOM操作中，为元素绑定多个事件有两种方式，具体如下： 第一种方式： 对象.addEventListener("事件类型",事件处理函数,false); //参数1：事件的类型----没有on，例如：注册点击事件,此时事件类型="click" //参数2：事件处理函数----函数 //参数3：false //注意：此方法具有兼容性，谷歌，火狐支持，i...
jQuery使用bind函数实现绑定多个事件的方法
10-19
本篇文章将深入探讨如何使用jQuery的`bind`函数来实现绑定多个事件。 首先，`bind`函数的基本语法如下： ```javascript $(selector).bind(eventType, function[, data], handler); ``` 这里，`selector`是匹配...
JQuery给元素绑定click事件多次执行的解决方法
10-25
如果这段代码在页面加载、用户操作或其他条件满足时被多次调用，那么元素的`click`事件就会有多个处理函数，每次点击都会依次执行这些函数。 为了解决`click`事件多次执行的问题，我们需要确保在绑定新的事件处理...
在layui下对元素进行事件绑定的实例
10-16
本篇文章将详细介绍如何在Layui环境下对元素进行事件绑定，通过实例来阐述这一过程。 首先，我们需要了解Layui的引入方式。在HTML文件中，通常我们会通过`<script>`标签引入Layui的核心库和所需的模块。例如，如果...
js事件on动态绑定数据,绑定多个事件的方法
12-02
接下来，我们讨论如何使用`on()`方法绑定多个事件。你可以通过空格分隔事件和命名空间，例如`"click keydown.myPlugin"`，或使用对象字面量形式，如`on({"click": function(){}, "mouseover": function(){}})`。命名...
jQuery绑定点击事件和改变事件的几种方式以及多个元素绑定多个事件
cheng1a的博客
09-05 8588
jQuery绑定点击事件和及监听改变事件的几种方式以及多个元素绑定多个事件
如何利用一个按钮绑定两个事件
jrrfgj的博客
11-14 8278
如何利用一个按钮绑定两个事件
jQuery中给多个元素批量绑定事件
热门推荐
sinat_31907813的博客
09-25 1万+
在工作中难免会遇到用jQuery给多个元素绑定事件，今天我们来学习学习， //元生js写法 var nav = document.getElementById('nav'); var li_list = nav.getElementsByTagName('li'); //批量给多个元素绑定事件 for(var i=0;i&lt;li_list.l...
为同一元素绑定多个同一事件
HUANMAO2028的博客
04-19 666
为同一元素绑定多个同一事件 在进行为同一个元素绑定时我们首先要注意一个问题，一个是为元素绑定，还有一个是为元素解绑，分为这两部分。 （1.）在获取元素为其绑定时，我们使用比较简节的.on（“事件名字”“转换器”事件处理函数）.父级元素调用方法,代理子级元素绑定事件。 先要在body里面写两个标签和一个div. 再给div写一些样式. （2.）我们开始写元素绑定事件.先写一个按钮一点击时，创建一个p标签 （3.）然后在其下面再写一个按钮二点击时，...
【v-on】一个元素绑定多个事件以及一个事件绑定多个函数的两种写法
ion_L的博客
09-27 1万+
本文代码主要讲述了v-on绑定事件函数传参，一个元素绑定多个事件的两种写法，一个事件绑定多个函数的两种写法，修饰符的使用。 &lt;!DOCTYPE html&gt; &lt;html lang="en"&gt; &lt;head&gt; &lt;meta charset="UTF-8"&gt; &lt;title&gt;Document&lt;/title&a
jquery 绑定多个元素多个事件的方法 on无效，on绑定动态生成元素没作用 on委托 sysdzw
两天打鱼三天晒网
03-19 2554
$('#a','#b','#c').click(function(){ ... });$('#a','#b','#c').live("click",function(){ ... }); //在1.10版本后没有live方法了。推荐用on方法$('#a','#b','#c').on("click",function(){ ... });$('#a','#b','#c').on("mouseover...
WPF——事件绑定命令
三千幻想乡
06-16 4323
我们都知道WPF中的命令在结合MVVM模式的框架使用之后（框架重新实现了ICommand），可以解耦。但并不是所有控件都可以绑定命令的，比如TextBox、ComboBox等。在使用这类控件时，如果你想让它的某个事件激发时调用ViewModel中的方法，往往需要把ViewModel中的方法暴露给View，然后在事件处理器中调用。这种调用方式增加了耦合度，虽然从短期实现来讲也没啥问题，但会让强迫症患者非常难受。目前收集了两种解决方法：这使UIElement类自带的一个属性， 你可以给它添加鼠标按键绑定和键盘
jquery同一标签绑定多个事件的几种方式 && js实时监听input中值变化
到达的专栏
10-31 1万+
jquery同一标签绑定多个事件的几种方式 ①$(document).ready(function(){ $("button").bind({ click:function(){$("p").slideToggle()}, mouseover:function(){$("body").css("background-color","red");}, ...
一个按钮绑定两个事件
qq_27009517的博客
07-14 1507
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document&.
在一个 DOM 上绑定两个点击事件，一个用捕获，一个用冒泡，事件会执行几次，先执行冒泡还是捕获？
weixin_36320950的博客
11-16 2116
在一个 DOM 上绑定两个点击事件，一个用捕获，一个用冒泡，事件会执行几次，先执行冒泡还是捕获？ 冒泡和捕获的执行顺序 冒泡机制的执行顺序是自下往上的，当目标元素绑定的事件被触发时，事件会从目标元素自下向上依次执行。 捕获机制的执行顺序是自上往下的，当目标元素绑定的事件被触发时，事件会从 DOM 树最顶层自上向下依次执行，直到执行到目标元素为止。 关于执行次数 DOM0 DOM0 级事件具有极好的跨浏览器优势，会以最快的速度绑定。 为某一个元素的同一个行为绑定不同的方法在行内会分别执行。 为某一个元素的同一
@change 绑定多个点击事件
最新发布
07-27
您可以使用JavaScript来绑定多个点击事件。以下是一种常见的方法： 1. 首先，选择要绑定事件的元素。您可以使用document.querySelector()或document.getElementById()等方法选择元素。 2. 使用addEventListener()...

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

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

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值