js添加点击事件
1. 关于js添加onclick事件
td.setAttribute("onclick",b(td));
这句话有问题,你把b(td)加上引号试试,不加的话就直接执行了
2. js添加事件
如果有引入jquery的包,那就提供几种方法:
//增加【绑定单击事件方内法】
$('.select_kwd').click(function(e){
//这里是点击的代码
});
//查询容【绑定多个事件的方法】
$('.selected').bind({
click:function(e){
//这里是点击的代码
},
dblclick:function(e){
//这里是双击的代码。就像这样依次的添加
}
});
两种方法是一样的。需要注意的是:如果你的这段html是ajax或者其他途径在文档加载完毕之后出现的,那么你仅仅需要把bind换成live就行了。
如果你没有引入jquery包,仅仅是在这个地方用的话还是建议你用最原始的方法。
<input class="select_kwd" type="button" value="增加" onClick="select_kwd()" />
<script>
function select_kwd(){
//添加时运行的代码
}
</script>
3. js 动态添加的按钮 onclick事件怎么写
如图,比方说我有一个函数,而我们需要点击按钮触发指定的函数,这就用到了绑定事件的方法内。容
如图,假定是点击事件,则在按钮里面添加onclick=函数名即可把函数绑定到按钮上。onclick绑定的是单击事件哦,当然还有很多其他的事件。
如图,绑定事件之后,当我们点击按钮即可触发绑定的函数,非常神奇哦。
当然,也可以给按钮设定一个ID,然后我们获取到带有ID的按钮。
然后在JavaScript中绑定事件也是可以的,这种方法代码比较多,想用哪种看你自己哦。
需要特别注意一点的是,如果用了第二种方法,当要获取id时,如果script脚本写在head里面,则要加上window.onload哦。如果是写在body后面,则不需要写window.onload。
4. JS循环添加点击事件
你最终的目的应该是想在input按钮上加入点击事件吧,点击后将input的值写入cookie吧,这样
的话,给tr加事件是没有意义的,下面的代码在不引用任何构架的前提下实现的,没有使用jquery
也没有使用ExtJS,相对比较麻烦些,希望你能看懂,如果用jquery的话,更简单了,这里就不写了
functionwriteCookie(name,value){
//写入cookie的代码你自己去实现
}
varrows=newArray(); //这个表格行的数组你自己组织吧,我这里只是定义一个简单的js数组,你可以从后台取这个值
//先生成HTML代码,输出到网页上,这样才用JS绑定事件
varstrHTML='';
for(vari=0;i<rows.length;i++){
strHTML='<tr>'+
'<td><inputid='btn_"+i+"'type="hidden"value='"+rows[i].id+"'/></td>'+
'<td>无关紧要的内容</td>'+
'</tr>';
}
document.writeln(strHTML);
//绑定事件
for(vari=0;i<rows.length;i++){
varbtnName='btn_'+i;
vare=document.getElementById(btnName);//循环取出每个按钮对象
varvalue=e.value; //取出按钮的值
e.onclick=function(){
writeCookie(btnName,value) //以btnName作为键名,将按钮的值写入cookie
}
}
5. JS设置onClick事件
html页面设置onClick事件可以在html中设置,也可以在js中设置,下面分别介绍。
在html中设置
你的代码就是在html中设置的方法,这是测试页面,
现在html代码的元素中添加onclick
<input type="text" id="text" onClick="f();">
再在js代码中声明一个函数
function f(){
alert(1)
}
6. 怎么用js给document添加一个鼠标单击事件
JS获取点击事件来自左键还是其它键的方法如下:
返回值说明:0左键,1中间,2右键
getButton:function(event){
if (document.implementation.hasFeature("MouseEvents","2.0")){
return event.button;
}else{
switch(event.button){
case 0:
case 1:
case 3:
case 5:
case 7:
return 0;
case 2:
case 6:
return 2;
case 4:
return 1;
}
}
}
7. js怎么动态添加onclick事件
给你要添加的父元素添加点击事件,传入event,event.target就是你要点击的子元素