几种触发点击事件的方法
2016-08-03 16:53
218 查看
<!DOCTYPE html>
<html>
<head>
<script src="./jquery-1.11.2.js"></script>
</head>
<body>
<input type='button' id='btn1' value="按钮">
</body>
<script>
//法1:
$('#btn1').on('click',function(){
alert(1);
})
//法2:
$('#btn1').bind('click',function(){
alert(1);
})
//法3:
$('#btn1').trigger('click');
//法4:
if(document.attachEvent)
{
document.attachEvent('onclick',function(){
alert('DOM方法点击事件');
})
}else{
document.addEventListener('click',function(){
alert('IE9之外的浏览器点击事件');
})
}
//法5:
var obj = document.getElementById("btn1");
obj.setAttribute("onclick", "javascript:alert('测试');");
//法6:
//$('#btn1').attr('onclick',"javascript:alert('测试');")或:
$('#btn1').attr('onclick',function(){
return "javascript:alert('测试');"
})
</script>
</html>
<html>
<head>
<script src="./jquery-1.11.2.js"></script>
</head>
<body>
<input type='button' id='btn1' value="按钮">
</body>
<script>
//法1:
$('#btn1').on('click',function(){
alert(1);
})
//法2:
$('#btn1').bind('click',function(){
alert(1);
})
//法3:
$('#btn1').trigger('click');
//法4:
if(document.attachEvent)
{
document.attachEvent('onclick',function(){
alert('DOM方法点击事件');
})
}else{
document.addEventListener('click',function(){
alert('IE9之外的浏览器点击事件');
})
}
//法5:
var obj = document.getElementById("btn1");
obj.setAttribute("onclick", "javascript:alert('测试');");
//法6:
//$('#btn1').attr('onclick',"javascript:alert('测试');")或:
$('#btn1').attr('onclick',function(){
return "javascript:alert('测试');"
})
</script>
</html>
相关文章推荐
- jquery mobile的触控点击事件会多次触发问题的解决方法
- jquery实现点击label的同时触发文本框点击事件的方法
- iOS解决按钮短时间内多次点击只触发一次事件方法
- iOS解决按钮短时间内多次点击只触发一次事件方法
- iOS 利用运行时交换系统方法实现禁止同时点击两个按钮触发多个事件
- 代码触发两个按钮相同的点击事件方法
- jquery mobile的触控点击事件会多次触发问题的解决方法
- 纯js实现点击一个事件后,触发另外一个事件的方法
- Jquery点击事件只触发一次的解决方法
- Android笔记2—处理点击事件的几种方法
- asp.net 点击服务器按钮 不触发后台事件解决方法
- ListView嵌套GridView点击空白地方无法触发ListView点击事件解决方法
- 点击back按钮时触发onload事件方法
- iOS解决按钮短时间内多次点击只触发一次事件方法(开始写博客)
- Android Button响应点击事件的几种方法大合集
- 解决/阻止 div层内的div层点击事件冒泡触发的小方法
- 【Android】点击事件的几种方法
- Js先触发失去焦点事件再执行点击事件解决方法
- Angular输入框内按下回车会触发其它button的点击事件的解决方法
- RecyclerView 添加点击事件的几种方法