本文实例讲述了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来判断是不是按钮,如果是按钮,就执行相应的代码。
分享标题:jquery动态事件,有关jquery事件的响应
路径分享:https://www.cdcxhl.com/article34/dsejjse.html
成都网站建设公司_创新互联,为您提供外贸建站、网页设计公司、软件开发、ChatGPT、自适应网站、电子商务
声明:本网站发布的内容(图片、视频和文字)以用户投稿、用户转载内容为主,如果涉及侵权请尽快告知,我们将会在第一时间删除。文章观点不代表本网站立场,如需处理请联系客服。电话:028-86922220;邮箱:631063699@qq.com。内容未经允许不得转载,或转载时需注明来源: 创新互联