click().onclick的使用和区别，自动触发

最新推荐文章于 2026-02-25 15:50:32 发布

原创最新推荐文章于 2026-02-25 15:50:32 发布 · 2.4k 阅读

1 ·

本内容遵循CC 4.0 BY-SA版权协议

收录于

前端

本文探讨了在JavaScript和JQuery中click()和onclick的使用方式及其区别。通过示例展示了如何使用trigger()或简写click()来模拟点击事件，并在页面加载后自动触发效果。

if (index >= 4) index = 0;
        as.eq(index).click();
        // 每当获取到as中的一个值时， click都会调用一下（ 前面已经定义好的！！！）on("click",function(){})

这个click（）是怎么调用的？和onclick有什么区别？

看例子：
<button id="btn">111</button>

//第一种：click()
//a:人工点击触发
 $('#btn').on('click', function() {
        alert(111);
    });
    //b:真正的用程序点击按钮，自动触发（前面已经定义的click函数） 
    $('#btn').click();
    //第二种：onclick 
    //人工点击按钮，才执行alert
    /*  var btn = document.getElementById("btn");
     btn.onclick = function() {
         alert(2);
     } */

解释：

在JQuery中，可以使用trigger()方法完成模拟操作。例如可以使用下面的代码来触发id为btn的按钮的click事件。

$('#btn').trigger("click");

这样，当页面加载完毕后，就会立刻输出想要的效果。也可以直接简写click()，来达到同样的效果：

$('#btn').click();

onclick，click的写法：

告訴我今天日期

 //真正的用程序点击按钮，每当获取到btn的时候，都会触发一次自动点击事件
  document.getElementById("btn").click();
  //没有点击按钮，只是执行了按钮所绑定的事件，每当获取到btn的时候，人工点击按钮才能调用点击函数
   document.getElementById("btn").onclick();

bt.onclick = function(){
		alert(2)
	}
	 //人工点击

//人工点击
$("button").click(function(){
  alert(2)
});

标签

#javascript #前端 #jquery