十年网站开发经验 + 多家企业客户 + 靠谱的建站团队
量身定制 + 运营维护+专业推广+无忧售后,网站问题一站解决
本文实例讲述了jQuery支持动态参数将函数绑定到事件上的方法。分享给大家供大家参考。具体分析如下:
创新互联主要从事网站设计制作、做网站、网页设计、企业做网站、公司建网站等业务。立足成都服务施甸,10余年网站建设经验,价格优惠、服务专业,欢迎来电咨询建站服务:18982081108
下面的js代码提供了两种方法用于绑定函数到事件,其中方法二可以传递动态参数,非常实用
//方法一
$('#foo').click(function(event)
{
alert('User
clicked
on
"foo."');
});
//方法二,
支持动态传参
$('#foo').bind('click',
{test1:"abc",
test2:"123"},
function(event)
{
alert('User
clicked
on
"foo."'
+
event.data.test1
+
event.data.test2);
});
希望本文所述对大家的jQuery程序设计有所帮助。
如果在整个页面上需要捕捉回车实际,可以使用如下代码:
$(document).keydown(function(event) {
if (event.keyCode == 13) {
// 你要执行的代码
}
});
如果说你需要触发某个已经绑定的时间,例如绑定在document 上的click 时间,可以使用如下代码:
$(document).keydown(function(event) {
if (event.keyCode == 13) {
$(document).trigger('click');
}
});
window.location.href="";
在你写的代码后面再写上这段就可以了,地址自己改
1、动态绑定事件:
div id=box/div
button id=btn动态生成标签/button
script
window.onload=function(){
document.getElementById("btn").onclick=function(){
var span=document.createElement("span");
span.innerHTML="点我"+Math.random();
span.onclick=function(){
alert(this.innerHTML);
}
document.getElementById("box").appendChild(span);
}
}
/script
2、事件委托:
div id=box/div
button id=btn动态生成标签/button
script
window.onload=function(){
document.getElementById("box").onclick=function(e){
var e=e||window.event;
if(e.target!=e.currentTarget){
alert(e.target.innerHTML);
}
}
document.getElementById("btn").onclick=function(){
var span=document.createElement("span");
span.innerHTML="点我"+Math.random();
document.getElementById("box").appendChild(span);
}
}
/script
你可以用事件代理的方式。不用去给每个按钮都绑定click事件,只需要给table绑定click事件。然后通过e.target来判断是不是按钮,如果是按钮,就执行相应的代码。