js里click什么意思,js中click是什么意思

发布时间:2022-11-29

本文目录一览:

  1. js中的click方法
  2. [在JS中,document.oncontextmenu=click; 这句话是什么意思啊](#在JS中,document.oncontextmenu=click; 这句话是什么意思啊)
  3. 网页中,鼠标点击与javascript的click事件怎么区分
  4. js中fireEvent和onclick的区别
  5. 如何用JS来点击按钮
  6. jQuery中click和onclick的区别

js中的click方法

好多的,关键字,保留字都要小心使用哦! 事件方面的嘛, 最简单的方法,就是到编译器里面写js代码,然后你把事件相似名字的作为方法写上去,然后,如果变颜色的,就是关键字的或者保留字的,然后你就可以测试了。

在JS中,document.oncontextmenu=click; 这句话是什么意思啊

document.oncontextmenu 是一个dom事件,具体表现为点击右键弹出菜单。 click 是你自定义的一个方法。 document.oncontextmenu=click 的意思相当于使用你自己定义的方法重写系统默认的 oncontextmenu 事件。

网页中,鼠标点击与javascript的click事件怎么区分

某些网站的确会进行区分操作,区别如下: 如果只是在 jQuery 里的话,可以判断 e.originalEvent 是否存在。不在 jQuery 里,可以判断 clientX, pageX 之类的坐标属性是否为零。 当然,对于第三方脚本通过 document.createEvent()dispatchEvent 触发的事件,如果他们也伪造了这些坐标值,就不太有什么办法了。只能依赖浏览器更底层的安全策略。 给你几种可测试代码:

html

<head>
  <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  <title>测试用户点击和js点击</title>
  <script src='jquery-1.10.2.min.js'></script>
</head>
<body>
  <button id="btn">Click</button>
  <script>
    // 来源:
    $(document).ready(function(){
      // 方式1
      a();
      // 方式2
      // b();
      // b2();
      // 方式3
      // c();
      // 方式1:btn.click.caller
      function a() {
        var btn = $('#btn');
        // 赋予事件
        btn.click(function() {
          console.log(btn.click.caller);
          if(null === btn.click.caller) {
            // 用户点击的
            alert('用户点击了');
          } else {
            // JS代码调的
            alert('JS点击了');
          }
        });
        btn.click();
      }
      // 方式2: e.originalEvent(jquery)
      function b(){
        var btn = $('#btn');
        // 赋予事件
        btn.click(function(event) {
          // event.originalEvent = MouseEvent
          if(event.originalEvent) {
            // 用户点击的
            alert('用户点击了');
          } else {
            // JS代码调的
            alert('JS点击了');
          }
        });
        btn.click();
      }
      // 方式2:pageX, clientX(原生js),也阔以是offsetX/layerX/screenX
      function b2(){
        // 原生js实现
        var btn2 = document.getElementById('btn');
        // DOM0级事件实现
        btn2.onclick = function(event){
          if (event.pageX){
            alert('用户点击了');
          } else {
            alert('JS点击了');
          }
        }
        btn2.click();
      }
      // 方式3: event.isTrusted IE9+/firefox支持
      function c(){
        var btn = $('#btn');
        // 赋予事件
        btn.click(function(event) {
          // event.originalEvent = MouseEvent
          if(event.isTrusted) {
            // 用户点击的
            alert('用户点击了');
          } else {
            // JS代码调的
            alert('JS点击了');
          }
        });
        btn.click();
      }
    });
  </script>
</body>

js中fireEvent和onclick的区别

DOM的 fireEventonclick(这只是个代表)有以下区别:

  1. onclick 需要 DOM 真正添加了 onclick 事件,否则会报“对象不支持此属性或方法”错误。
  2. onclick 不会引起 IE 的冒泡过程,而 fireEvent 会引起冒泡,fireEvent 更贴近用户真实的行为触发。
  3. 由第二条得出,fireEvent 在即使 DOM 没有 click 事件也可以 fireEvent,而不会报错(更贴近用户真实行为)。 最后可以拿下面的代码测试:
<ul onclick='alert(event.srcElement.innerHTML);'>
  <li id='id1' onclick='alert(1);'>i am one;</li>
  <li id='id2'>i am two;</li>
  <li id='id3'>i am three;</li>
</ul>
<button onclick='document.getElementById("id1").onclick();'>click me!</button>
<button onclick='document.getElementById("id1").fireEvent("onclick")'>fireEvent !</button>

如何用JS来点击按钮

原理

用 JS 来点击按钮需要分 2 步,第一步是选中按钮的元素,第二步是使用元素自带的 click 函数。 例如接下来我将要演示的例子中,仅用

document.getElementById("btn").click()

一行就可以控制按钮点击。 其中 document.getElementById("btn") 是根据 id 获取按钮的元素,click() 是使按钮被点击一次。

演示

这是我为此问题专门写的在线演示页面:点击按钮演示页面。 页面结构如图: 首先点击右下角打开控制台,然后输入:

document.getElementById("btn").click()

这行代码,按回车运行代码即可弹出一行提示,说明按钮被点击。你可以用鼠标点击一下按钮,也是这个效果。

jQuery中click和onclick的区别

click() 和 onclick() 的区别:

  1. onclick 是绑定事件,告诉浏览器在鼠标点击时候要做什么。
  2. click 本身是方法,作用是触发 onclick 事件,只要执行了元素的 click() 方法,就会触发 onclick 事件。
  3. click() 方法的主要作用是触发调用 click 方法元素的 onclick 事件,实际上是模拟了鼠标的点击动作。此外,如果在 click 括号内定义了其他可执行语句,则 click 方法会在执行完 onclick 事件之后执行括号内部的语句。 我们还可以注意到:onclick 是事件,而 click 是方法,两者是不同的概念。