JQuery 绑定事件时传递参数的实现方法-白红宇

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

阅读量：4516 次

发布时间：2019-06-08

本文共 1307 字，大约阅读时间需要 4 分钟。

如题，比如我想在$(":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>

</head>

<body>

</body>

</html>

$("#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);

转载于:https://www.cnblogs.com/yangwenbin/p/4484041.html

你可能感兴趣的文章