JS 触发单击事件

最新推荐文章于 2023-12-09 14:25:27 发布

zhangtong_1227

最新推荐文章于 2023-12-09 14:25:27 发布

阅读量1.1k

点赞数

分类专栏： JAVASCRIPT 文章标签： click 事件 onclick事件 onclick与click 区别

本文链接：https://blog.csdn.net/zhangtong_1227/article/details/84719210

版权

JAVASCRIPT 专栏收录该内容

2 篇文章 0 订阅

订阅专栏

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

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

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

两者之间的区别：

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

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

以下举例说明：

<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>Insert title here</title>

</head>
<body>
	<div οnclick="test1();">
		<a href="http://www.baidu.com" id="test" οnclick="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 时，先弹出对话框，然后页面跳转。

zhangtong_1227

关注

0
点赞
踩
2

收藏

觉得还不错? 一键收藏
0
评论
JS 触发单击事件

JS触发单击事件的两种方式onclick和click函数：document.getElementById("test").onclick();document.getElementById("test").click();两者之间的区别：onclick() 方式类似于方法的调用，只执行onclick指定的函数，并不代表一次单击事件click() 方式相当于一次单击事件...
复制链接

扫一扫