jquery click 与原生 click 的区别

  • $.click() 触发的事件中没有 event.originalEvent , 不同触发 href="" 中的内容
  • $[0].click() 可以
<script type="text/javascript">
  function clickTest1() {
    alert("事件1触发");
  }
  function clickTest2() {
    alert("事件2触发");
  }

  function test() {
    //能模拟鼠标单击效果,既能触发onclick事件,又能触发href上的链接
    //document.getElementById("myClick").click();

    //只是简单触发onclick事件,不能是触发href上的链接
    $("#myClick").click();
  }
</script>

<body>
  <h1>js和jquery中的click()比较</h1>
  <a id="myClick" onclick="clickTest1()" href="javascript:clickTest2()">点击我进行测试</a>
  <input type="button" onclick="test()" value="点我" />
</body>
<input type='checkbox' id='try'>try
<button id='click'>Click</button>

<script>
  $("#try").click(function (event) {
    if (event.originalEvent === undefined) {
      alert('not human')
    } else {
      alert(' human');
    }


  });

  $('#click').click(function (event) {
    $("#try").click();
  });

// $('#try').click() // not huma
// $('#try')[0].click() // huma

</script>

猜你喜欢

转载自www.cnblogs.com/daysme/p/11206690.html
今日推荐