`
hello_world_hello
  • 浏览: 8903 次
  • 性别: Icon_minigender_1
  • 来自: 北京
社区版块
存档分类
最新评论

JS 触发单击 事件

阅读更多

JS触发单击事件的两种方式onclick和click函数:

document.getElementById("test").onclick();

document.getElementById("test").click();

两者之间的区别:

  1. onclick()  方式类似于方法的调用,只执行onclick指定的函数,并不代表一次单击事件

  2. click() 方式相当于一次单击事件

    以下举例说明:
    <html>
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    <title>Insert title here</title>
    
    </head>
    <body>
    	<div onclick="test1();">
    		<a href="http://www.baidu.com" id="test" onclick="test();">hello</a>
    	</div>
    </body>
    </html>
    <script type="text/javascript">
    	document.getElementById("test").onclick();//1
    	//document.getElementById("test").click();//2
    	function test() {
    		alert(12);
    	}
    </script>
    执行1 时,页面弹出对话框,但页面不跳转。
    执行2 时,先弹出对话框,然后页面跳转。
分享到:
评论

相关推荐

    js触发事件大全

    JavaScript触发事件是网页交互设计的核心组成部分,它们允许开发者在用户与网页进行互动时执行特定的代码块。以下是对“js触发事件大全”中所提及的关键事件的深入解析,旨在为前端开发者提供全面的理解。 ### 一、...

    js单击事件和双击事件并存绑定

    问题在于,当这两种事件同时存在时,如果用户快速连续点击两次,可能会触发单击事件后立即触发双击事件,导致预期的行为混乱。为了解决这个问题,我们需要一种策略来确保两个事件可以正确地并存。 这里我们引入了一...

    JavaScript触发事件列表

    "JavaScript触发事件列表" JavaScript是一种广泛应用于Web开发的编程语言,它提供了许多事件处理机制,以便开发者能够捕捉和响应用户交互操作。下面是JavaScript触发事件列表,涵盖了常见的事件类型和应用场景: ...

    JS实现弹出下载对话框及常见文件类型的下载

    既然是用A标签模拟,那么肯定要知道JS如何主动触发单击事件。 最简单的触发单击事件肯定是elem.click(),平时在不需要考虑兼容性的场合我都是这么干的,但是毕竟这个方法有兼容性(具体兼容性如何没做过测

    js生成动态表格并为每个单元格添加单击事件的方法

    单击事件(`click`)是最基本的用户交互事件之一,当用户点击页面上的某个元素时,就会触发单击事件。在JavaScript中,我们可以通过为元素的单击事件绑定一个事件处理函数来响应用户的点击行为。 ### JavaScript...

    javascript 触发事件列表

    #### 一、单击事件(onclick) 当用户单击鼠标按键时触发的事件。通常,在HTML元素上定义`onclick`属性,该属性指定一个事件处理程序或一段代码,当点击事件发生时,这段代码将会被执行。 **示例:** ```html 打开...

    JS通用方法触发点击事件代码实例

    最简单的触发单击事件肯定是elem.click(),平时在不需要考虑兼容性的场合我都是这么干的,但是毕竟这个方法有兼容性(具体兼容性如何没做过测试),所以还是要掌握一个通用的方法。 以下代码是网上比较容易找到的一...

    JS触发服务器控件的单击事件(详解)

    本文将深入探讨如何使用JavaScript来触发服务器控件的单击事件,特别是按钮控件的Click事件。 首先,我们需要理解服务器控件与客户端元素之间的关系。在ASP.NET中,服务器控件在客户端被转换为HTML元素。例如,一个...

    JS中双击和单击事件冲突的解决方法

    当单击事件触发时,启动一个定时器,等待一段时间(例如300毫秒),如果在这段时间内没有再次触发单击事件,那么就执行单击事件的处理函数;如果在这段时间内再次触发了单击事件,那么我们就认为这是一个双击事件,...

    OD按钮单击事件下断点脚本.rar

    OD按钮单击事件下断点脚本是一种在编程调试过程中常用的技术,特别是在开发用户界面(UI)时。OD,通常代表“操作”或“对象”的缩写,可能是指特定的软件组件或控件,比如一个按钮。在这个上下文中,"OD按钮"可能是...

    单击事件和触摸事件的区别.zip

    2. **触发条件**:单击事件需要短时间内按压并释放,触摸事件可以根据不同的子事件在任意阶段触发。 3. **交互体验**:单击事件更适合简单的点击操作,触摸事件更适合需要手势识别的交互,如滑动、捏合等。 4. **...

    [js]javascript事件集合(包有触发事件)终版.pdf

    1. 单击事件(onclick):当用户点击鼠标时,指定的事件处理程序会被调用。例如,`打开页面" onclick="window.open('xxxx.html', 'newwindow', 'width=456,height=230,toolbar=no,menubar=no,scrollbars=yes')"&gt;` 会...

    js 键盘事件 鼠标单击事件

    ### JavaScript中的键盘事件详解 #### 一、概述 在JavaScript中,键盘事件是与用户键盘输入相关的事件。这些事件主要用于捕获用户的键盘操作,并根据不同的按键执行相应的逻辑处理。本篇文章将详细介绍`onkeypress...

    js事件触发大全

    ### JS事件触发大全 在JavaScript编程中,事件处理是与用户交互的重要手段之一。通过监听特定的事件,我们可以实现各种动态效果和响应式操作。本文将详细介绍一系列常见的JS事件及其触发场景,帮助开发者更好地理解...

    JavaScript实现的鼠标单击触发和鼠标滑过触发的tab标签页源码

    在本项目中,我们关注的是如何使用JavaScript来实现鼠标单击和鼠标滑过触发的tab标签页功能,这在许多现代网页设计中是非常常见的元素。 首先,让我们了解一下JavaScript中的事件处理。在JavaScript中,事件是用户...

    Jquery日历控件fullCalendar中将dayClick改为双击或单击事件的方法

    以下是一个简单的示例,展示如何将`dayClick`改为单击事件: ```javascript $(document).ready(function() { $('#calendar').fullCalendar({ // 其他配置项... eventClick: function(info) { // 这里处理原本...

    利用eval()函数给树节点统一添加单击事件实现新建选项卡功能

    这篇博客“利用eval()函数给树节点统一添加单击事件实现新建选项卡功能”探讨了一个具体的JavaScript编程技巧,如何通过eval()函数来处理用户交互,特别是针对树形结构数据的点击事件,进而实现新的选项卡功能。...

Global site tag (gtag.js) - Google Analytics