JavaScript加强之自定义callback

最新推荐文章于 2023-06-05 03:50:49 发布

我叫阿狸猫

最新推荐文章于 2023-06-05 03:50:49 发布

阅读量940

点赞数

CC 4.0 BY-SA版权

分类专栏： JavaScript

本文链接：https://blog.youkuaiyun.com/world_java/article/details/11821223

JavaScript 专栏收录该内容

11 篇文章

订阅专栏

本文介绍了一个使用jQuery进行事件绑定的具体示例。通过该示例，读者可以了解到如何为HTML元素解除绑定并重新绑定新的事件，以及如何通过触发自定义事件来实现特定功能。示例中展示了如何将JSON格式的对象作为参数传递给事件处理函数。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

html:

<select id="select">
	<option value="111">111</option>			
	<option value="222">222</option>			
	<option value="333">333</option>			
</select>

js:

$().ready(function(){
	$("select").unbind("clickMe");
	//传递一个json格式对象,这个json中有name,age,callback,可以用objJSON.属性名的方式来进行访问
	$("select").bind("clickMe",function(event,objJSON){
		alert(objJSON.name);
		alert(objJSON.age);
		objJSON.callback();
	});
	
	$("select").unbind("change");
	$("select").bind("change",function(){
		//事件触发器的参数是一个json格式的对象
		$(this).trigger("clickMe",{
			name:'xxc',
			age:20,
			callback:function(){
				alert("回调函数");
			}
		});
	});
});