The difference between jquery click click of the native

  • $ .click () event is not triggered event.originalEvent, triggering different href=""in content
  • $ [0] .click () can
<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>

Guess you like

Origin www.cnblogs.com/daysme/p/11206690.html