[JS] jq绑定事件的参数传递】的更多相关文章

$(function(){ var obj = {name:"select",param:"2"}; $("#select").click(obj,select); function select(event){ console.debug(event.data.param); } $("#select").change({msg: "ok"}, function(event) { myHandler(ev…
JS与JQ绑定事件的几种方式 JS绑定事件的三种方式 直接在DOM中进行绑定 <button onclick="alert('success')" type="button" id="btn">测试按钮</button> DOM中绑定函数名 <button onclick="testFun" type="button" id="btn">测试按钮<…
JQ绑定事件的叠加和解决,index()方法的坑 前言 在做过几个不大不小的项目后,发现技术这种东西,必须要多多实践,才能发现各种问题,理论的知识掌握的再好终究是纸上谈兵. 因此目前感觉有两点是必须要坚持的:①需要不断的学习,加大知识面的广度,才不至于碰到问题连是什么都不知道. ② 需要有知识的沉淀,加强知识面的深度,提高解决问题的能力.俗话说:好记性不如烂笔头,那么记录下遇到的问题是必不可少的. 绑定事件的叠加 在jQuery学习的过程中,更多是学习如何绑定,光记着有几种绑定事件的方式了.而且…
jQuery提供了多种绑定事件的方式,每种方式各有其特点,明白了它们之间的异同点,有助于我们在写代码的时候进行正确的选择,从而写出优雅而容易维护的代码.下面我们来看下jQuery中绑定事件的方式都有哪些. jQuery中提供了四种事件监听方式,分别是bind.live.delegate.on,对应的解除监听的函数分别是unbind.die.undelegate.off.在开始看他们之前,先来声明一个例子,各函数的用法将围绕这个例子进行,html代码如下: 列表元素1 列表元素2 列表元素3 列表…
事件绑定是几种方法 以下为例: <button id='btn'>click me</button> function Btn(){ alert('click'); } 1.直接在元素上绑定回调函数:<button id='btn' onclick='clickBtn()'>click me</button> 2.JS获取DOM元素对象后,对onclick属性赋值,绑定事件: document.getElementById('btn').onclick =…
<!DOCTYPE html><html><head> <script src="http://cdn.static.runoob.com/libs/jquery/1.10.2/jquery.min.js"></script> <script> /* //同一个按钮添加三次绑定事件 $(document).ready(function(){ $("p").on("click"…
想给一个元素绑定一个方法之后,在绑定一个方法而且不被覆盖 window.onload = function () { alert('a'); } window.onlaod=function(){ alert('b') } 我们发现它只弹出一个,有一个被覆盖了 下面就说一下js中的绑定事件 attachEvent(IE中用) var oBtn = document.getElementById('btn1'); oBtn.attachEvent('onclick', function () {…
在JS中,绑定的事件默认的执行时间是在冒泡阶段执行,而非在捕获阶段(重要),这也是为什么当父类和子类都绑定了某个事件,会先调用子类绑定的事件,后调用父类的事件.直接看下面实例 <!Doctype html> <html> <head> <meta charset="utf-8"> <title></title> <style type="text/css"> *{margin:0;p…
本文来源:http://www.cnblogs.com/leejersey/p/3545372.html jQuery on()方法是官方推荐的绑定事件的一个方法. $(selector).on(event,childSelector,data,function,map) 由此扩展开来的几个以前常见的方法有. bind() $("p").bind("click",function(){ alert("The paragraph was clicked.&q…
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> </head> <body> <div id="div1"> </div> <div id="div2">tinajia</…