jq给同一元素绑定多个事件

$(".aa").on("click",function(){
        alert(1)
    }).on("mousemove",function(){
        console.log(1);
    });
$(".aa").on({click:function(){
        alert(1)
    },mousemove:function(){
        console.log(2);
    }})

如果需要传参数,除定义全局变量,在方法中直接使用全局变量外,还可使用以下方法

$(".aa").on("click",{val:a},a1).on("mousemove",{val:b},a2);
    function a1(e){
        alert(e.data.val)
    }
    function a2(e){
        console.log(e.data.val)
    }
时间: 2024-10-25 10:46:53

jq给同一元素绑定多个事件的相关文章

【转载】W3C下的冒泡和捕获机制。到底是冒泡呢。还是捕获呢。一个DOM元素绑定多个事件时如何执行。

原文  http://blog.csdn.net/u011719449/article/details/23787627 在准备阿里前端面试的时候看到这么一道题. 一个DOM元素绑定两个事件,一个冒泡,一个捕获,则事件会执行多少次,执行顺序如何. 这导致了我对冒泡和捕获又进一步深入的了解.(永远都在发现自己知识匮乏的日子中度过人生真是好抓急啊.) 首先冒泡和捕获是怎么一回事. 简单点说.冒泡就是从下往上,像鱼吐泡,泡泡是从下往上升的,也就是DOM元素被触法事件时(此时的dom元素为目标元素),目

一个DOM元素绑定多个事件时,先执行冒泡还是捕获

绑定在被点击元素的事件是按照代码顺序发生,其他元素通过冒泡或者捕获“感知”的事件,按照W3C的标准,先发生捕获事件,后发生冒泡事件.所有事件的顺序是:其他元素捕获阶段事件 -> 本元素代码顺序事件 -> 其他元素冒泡阶段事件 . 一个DOM元素绑定两个事件,一个冒泡,一个捕获,则事件会执行多少次,执行顺序如何. 首先来了解一下冒泡和捕获是怎么回事: 1.冒泡 冒泡是从下向上,DOM元素绑定的事件被触发时,此时该元素为目标元素,目标元素执行后,它的的祖元素绑定的事件会向上顺序执行.如下代码所示,

为同一个元素绑定不同的事件指向同一个事件的处理函数

<input type="button" value="点击" id="btn"/><script src="commer.js"></script><script> //为同一个元素绑定不同的事件指向同一个事件的处理函数 ver("btn").onclick=f1; ver("btn").onmouseover=f1; ver("

js Dom(三)节点、元素创建3种方式、为元素绑定多个事件addEventListener、attachEvent

目录: 1.节点的概念    2.节点的属性(nodeType,nodeName,nodeValue)    3.父节点(父元素)    4.获取子节点或子元素    5.获取节点.元素的方法(12行代码)    6.案例:div标签里面的p标签背景高亮(使用子节点或子元素的方式)    7.封装节点兼容代码    8.案例:切换背景图片    9.案例:全选.全不选    10.元素创建的第一种方式  document.write("<p>文本</P>"); 

javascript事件委托,事件代理,元素绑定多个事件之练习篇

<ul id="parent-list"> <li id="post-1">item1</li> <li id="post-2">item2</li> <li id="post-3">item3</li> <li id="post-4">item4</li> <li id="post-

Iphone上对于动态生成的html元素绑定点击事件$(document).click()失效解决办法

在Iphone上,新生成的DOM元素不支持$(document).click的绑定方法,该怎么办呢? 百度了N久都没找到解决办法,在快要走投无路之时,试了试Google,我去,还真找到了,歪国人就是牛逼,原帖地址:http://stackoverflow.com/questions/3705937/document-click-not-working-correctly-on-iphone-jquery 大概意思是,如果要用$(document).click()来绑定新生成的DOM元素,必须给此

【JavsScript】一个元素绑定多个事件

1 <script> 2 document.getElementById("a").addEventListener("click", function() { 3 alert("1"); 4 }); 5 6 document.getElementById("a").addEventListener("click", function() { 7 alert("2"); 8

jQuery为多个元素绑定相同的事件

方式一: // 假设$("#div1", "#divN")有多个对象$("#div1", "#divN").each(function() {    $(this).bind("click", function() {        // 处理逻辑    });}); 方式二: $("#div1", "#divN").bind("click", f

如何用js为动态生成的元素绑定事件

今天在开发项目的时候,需要为用js动态生成的元素绑定一个click事件,但是在页面加载之前,这个元素不存在,没法获取这个元素,然后为其添加事件.查阅jquery api 发现可以用on()事件(注意:新版本的jquery已经把live()去除,现在用on()),为动态生产的元素绑定事件,然后触发该事件执行.比如下面一个例子: 假设我们要给div动态添加的span绑定click事件形成如下结果 x //做法如下: ("#choose_result").on("click&quo