几种触发点击事件的方法

最新推荐文章于 2024-02-02 14:53:32 发布

wkf4808

最新推荐文章于 2024-02-02 14:53:32 发布

阅读量1.2k

点赞数 1

本文链接：https://blog.csdn.net/wkf4808/article/details/52105199

版权

<!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>