当前位置:Gxlcms > JavaScript > JavaScript加强之自定义callback示例

JavaScript加强之自定义callback示例

时间:2021-07-01 10:21:17 帮助过:29人阅读

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("回调函数");
}
});
});
});

人气教程排行