`
dfch84
  • 浏览: 57506 次
  • 性别: Icon_minigender_1
  • 来自: 广州
社区版块
存档分类
最新评论

DOM对象调用onclick()和click()区别

 
阅读更多

通常我们在前端通过javascript来操作dom对象时,可能会直接操作对象的事件,例如:通过程序来点击某个按钮,btnObj.click();

 

有时候使用btnObj.click(),还有时候会使用btnObj.onclick();好像都能成功调用...

 

这只是表面现象。这两者是有很大区别的。

 

btnObj.click()是真正地用程序去点击按钮,触发了按钮的onclick事件。

 

而btnObj.onclick()只是简单地调用了btnObj的onclick所指向的方法,只是调用方法而已,并未触发事件。

分享到:
评论

相关推荐

    jQuery如何将选中的对象转化为原始的DOM对象

    另外,在实际应用中,还有一种情况是需要将一个jQuery对象转化为jQuery的包装对象,以便可以调用jQuery的方法,这在你需要对DOM对象应用jQuery插件或方法时很有用。比如: ```javascript var div = document....

    JS实现同一DOM元素上onClick事件与onDblClick事件并存的解决方法

    在JavaScript编程中,有时我们可能需要在同一DOM(文档对象模型)元素上同时绑定`onClick`事件和`onDblClick`事件。`onClick`事件在用户单击元素时触发,而`onDblClick`事件则在用户双击元素时触发。然而,问题在于...

    调用innerHTML之后onclick失效问题的解决方法

    在上述的描述中,开发者遇到了一个具体的问题:在调用`innerHTML`后,`onclick`事件不再生效。这个问题通常发生在动态生成或修改HTML内容时,例如在上述例子中,当用户点击按钮改变按钮状态(上线/下线)时,`...

    jquery A标签onclick事件

    2. **DOM 操作优化**:多次调用 `append` 方法可能会导致页面重绘,降低性能。可以考虑先创建完整的 HTML 字符串,再一次性插入到 DOM 中。 3. **JavaScript 函数引用问题**:在实际应用中,直接传递字符串 `...

    JS中dom0级事件和dom2级事件的区别介绍

    JS中的DOM0级事件和DOM2级事件是两种不同的事件绑定机制,它们在浏览器的事件处理方式上存在本质的区别。 首先,我们来探讨什么是DOM0级事件。在早期的JavaScript版本中,所有的事件监听几乎都是通过DOM0级方式实现...

    vs2008后台调用前台,前台调用后台代码

    - **客户端事件**:使用JavaScript或jQuery,可以监听DOM元素的事件,如`onclick`、`onchange`等。这些事件可以在不涉及服务器的情况下处理用户交互。 - **AJAX事件**:对于使用AJAX的交互,如`BeginRequest`、`...

    $("").click与onclick的区别示例介绍

    在JavaScript和jQuery中,`onclick` 和 `click()` 都是用来处理用户点击事件的,但它们之间存在着一些关键的区别。 `onclick` 是一个HTML属性,它用于在元素上直接绑定事件处理函数。当你在HTML元素中设置 `onclick...

    JavaScript事件对象深入详解

    在DOM0级和DOM2级的事件处理中,我们可以像下面这样访问事件对象: ```javascript var btn = document.getElementById("myBtn"); btn.onclick = function(event) { console.log(event.type); // 输出:"click" }; ...

    JavaScript Dom 绑定事件操作实例详解

    本文实例讲述了JavaScript Dom 绑定事件操作JavaScript Dom 绑定事件操作。分享给大家供大家参考,具体如下: JavaScript Dom 绑定事件 ...input id='i1' type='button' onclick='ClickOn(this)'> func

    前端笔记啦啦啦啦啦啦啦

    2. JSON 和对象的区别:JSON 是一种字符串格式,而对象是 JavaScript 中的一种数据类型。 三、面向对象编程 1. 面向对象编程的基本概念:类、对象、继承等。 2. 原型链:在 JavaScript 中,每个对象都有一个原型链...

    HTMLDOM基础

    HTML DOM(文档对象模型)是Web开发中的一个关键概念,它提供了一种结构化的方式来表示HTML或XML文档,并允许编程语言如JavaScript与这些文档进行交互。DOM将文档视为一棵由节点组成的树,其中每个节点代表文档的一...

    我写的调用网页的javascript函数!请大家帮忙看看!

    JavaScript是一种广泛用于网页开发的脚本语言,它可以用来控制网页的行为,如响应用户交互、操作DOM(文档对象模型)以及与服务器进行异步通信。 在网页中调用JavaScript函数通常是通过以下几种方式实现的: 1. **...

    c# winform 里调用javascrip的方法

    <input type='button' value='clickme' onclick='testx("hello");'/> </html>"; // 获取IHTMLDocument2接口 mshtml.IHTMLDocument2 doc = (mshtml.IHTMLDocument2)axWebBrowser1.Document.DomDocument; //...

    Jquery的基础问题

    JQuery选择器获取的DOM数组可以转换成JQuery对象,但本质上JQuery对象还是DOM数组,拥有DOM的属性和方法。 #### 3. JQuery API JQuery提供了丰富的API用于操作DOM,如读取和写入节点信息、增删节点、样式操作和...

    jQuery笔记

    同样,DOM对象也不能直接调用jQuery的方法,需要先通过$(DOM对象)将其转换为jQuery对象。 总的来说,jQuery通过提供简洁的API和强大的选择器系统,大大降低了JavaScript开发的复杂性,提高了开发效率。理解并熟练...

    计算机软件-编程源码- 截获OnClick消息.zip

    6. **合成事件(Synthetic Events)**:在React等现代JavaScript库中,为了提供跨浏览器的兼容性和更好的抽象,它们通常会使用合成事件,这是一类模拟原生DOM事件的对象。 7. **回调函数(Callback Functions)**:...

    DOM基础教程之事件对象

    了解这些基本的DOM事件和事件对象知识,可以帮助开发者编写跨浏览器的事件处理代码,提升用户体验。通过巧妙地利用事件对象提供的属性和方法,我们可以实现复杂的功能,如鼠标定位、键盘组合键检测以及更精确的事件...

    javascript调用

    4. 动态加载和调用:利用`document.createElement('script')`创建新的`<script>`元素并插入到DOM中,实现动态加载和执行。 ```javascript var script = document.createElement('script'); script.src = 'dynamic...

    js中的事件对象解析1

    DOM 事件对象遵循 W3C 的 DOM2 和 DOM3 规范,它们在所有现代浏览器中都得到了广泛支持。事件对象具有多个属性和方法,这些属性和方法对于控制事件的行为至关重要。 1. **属性** - `bubbles`: 一个布尔值,表示...

Global site tag (gtag.js) - Google Analytics