JQuery 绑定事件时传递参数的实现方法

如题,比如我想在$(":text").bind("keyup",funcionName);将当前的文本框作为参数传递给 functionName所代表的函数,应该怎么写?试了一 下$(":text").bind("keyup",functionName(this));这样是不对的!

1.直接在funcionName 里用
this 就是 对 触发时间的元素本身的引用,如果你需要funcionName有更多参数的话,可以这样用:

2.$(":text").bind("keyup",function(){

funcionName(arg1,arg2,arg3,arg4);
});

3.有个event名称的参数可以传

$(:text").bind("keyup", function(event) {
event = event || window.event;

var target = event.target; //这个就是触发事件的控件
});

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title> New Document </title>
<script type="text/javascript" src="js/jquery-1.6.1.min.js"></script>
</head>
<body>
<div id="div1" value="div1Value" style="border: 1px red solid;padding:5px;"></div>
</body>
</html>
<script type="text/javascript">
$("#div1").append($("<input type=‘button‘ value=‘按钮‘ id=‘cbutton1‘ name=‘cbutton1‘/>"));

$("#cbutton1").bind("click",{"id":"111","name":"aaa"},getData);

function getData(d){
alert(d.data.id);
alert(d.data["name"])
var dd=JSON.stringify(d.data);//将传过来的参数转换成json字符串
alert(dd);
alert(dd.split(‘,‘).length);
}
</script>

jQueryObject.unbind( [ events [, handler ]] )
// 移除为所有button元素的click事件绑定的事件处理函数btnClick2// 点击按钮,只执行btnClick1$buttons.unbind("click", btnClick2);
时间: 2024-11-10 15:21:39

JQuery 绑定事件时传递参数的实现方法的相关文章

jquery绑定事件时如何向事件函数里传参数

举例子说明: 步骤1:var button=$('<button type="button" class="btn btn-default">提交</button>'); button.bind("click",{menuid:"01"},form_submit); 如上代码所示即是button按钮绑定了click事件,而其对应的函数为form_submit();并传递了参数menuid,其值为01,

JavaScript 绑定事件时传递数据

var data = { name: 'Ruchee', email: '[email protected]' }; data.handleEvent = function (e) { console.log(this); }; document.getElementById('test_button').addEventListener('click', data, false); 重点:1. 绑定事件时传递数据本身2. 传递的数据中需要定义有一个 handleEvent 方法来负责事件响应

jquery引用方法时传递参数

经常到网上去下载大牛们写的js插件.每次只需将js引用并设置下变量就行了,但一直没搞明白原理(主要是大牛们的代码太简练了-,-). 这次弄清了如何传递.设置多个(很多个)参数. 如 方法为function lunbo(){}; 在调用.设置的时候写: lunbo({ speed:200, wrapper:'#id', ease:'easing' }) 则,在方法内获取的时候: function lunbo(options){ var set=$.extend({},options); var _

jquery绑定事件以及js绑定事件

jquery绑定事件: <div id="click1">bind事件</div><!--如果有动态元素,不能触发--> <div id="click2">one</div><!--只能点击一次--> <div id="click3">live</div><!--已经弃用--> <div id="click4"&g

jQuery绑定事件的四种方式

jQuery绑定事件的四种方式 jQuery提供了多种绑定事件的方式,每种方式各有其特点,明白了它们之间的异同点,有助于我们在写代码的时候进行正确的选择,从而写出优雅而容易维护的代码.下面我们来看下jQuery中绑定事件的方式都有哪些. jQuery中提供了四种事件监听方式,分别是bind.live.delegate.on,对应的解除监听的函数分别是unbind.die.undelegate.off.在开始看他们之前 一:bind(type,[data],function(eventObject

Jquery绑定事件(bind和live的区别)

Jquery中绑定事件有三种方法:以click事件为例 (1)target.click(function(){}); (2)target.bind("click",function(){}); (3)target.live("click",function(){}); 第一种方法很好理解,其实就和普通JS的用法差不多,只是少了一个on而已 第二.三种方法都是绑定事件,但是二者又有很大的不同,下面着重讲解一下,因为这个如果用到Jquery的框架的话是用的挺多的,尤其要

jQuery绑定事件-多种方式实现

jQuery绑定事件-多种方式实现: <html> <head> <meta charset="utf-8" /> <script src="http://libs.baidu.com/jquery/1.9.0/jquery.js"></script><!--百度CDN--> </head> <body> <input type="text"/&

解决jquery绑定事件重复绑定问题

解决jquery绑定事件重复绑定问题,以下用绑定click事件为例: 出现重复绑定情况: $(dom).click(function(e){})或者$(dom).on('click', function(e){}) 不管是click还是on都是会在原来方法上重复添加,所以我们需要如下做就可以解决 $(dom).unbind('click').click(function(e){}) 在绑定新click方法前对元素所绑定的click方法解绑

struts2中注解redirect时传递参数中文乱码问题解决方法

试过了很多方法  tomcat 编码  .字符串转换编码 .URLEncoder  .. 但是都没解决,后来仔细看了   struts2 的redirect ,redirectAction , 加上 params={"encode","true"} 就不会有乱码了 @Action(value = "/backend/deleteApplyInfoOfAuditById", results = { @Result(name = "succ