如何用JS来点击按钮

JavaScript010

如何用JS来点击按钮,第1张

原理

用JS来点击按钮需要分2步,第一步是选中按钮的元素,第二步是使用元素自带的click函数。

例如接下来我将要演示的例子中,仅用

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

一行就可以控制按钮点击。

其中document.getElementById("btn")是根究id获取按钮的元素,click()是使按钮被点击一次。

演示

这是我为此问题专门写的在线演示页面点击按钮演示页面。

页面结构如图

首先点击右下角打开控制台

然后输入

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

这行代码

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

在点击事件外面定义两个全局变量,一个是开始时间,一个是结束时间。点击一次记录一下当前时间。点击事件中先判断一下开始时间是否为空,为空时就把当前时间赋给开始时间(说明是第一次点击),否则就是第二次点击,把当前时间赋值给结束时间。第二次点击时就可以用结束时间减去开始时间,得到两次点击的时间间隔。【仅提供思路】

js使onclick事件无效的方法很简单,只需要选中这个元素,然后让它的onclick赋值为null即可。

1、这是针对此问题的测试页面

全部代码如下

<button onclick="alert('上面按钮点击')" id="btn" >点击有警告</button>

<br><br>

<button onclick="document.getElementById('btn').onclick=nullalert('成功使上面按钮点击失效!')">使上面按钮点击事件失效</button>

其中最关键的是这句document.getElementById('btn').onclick=null

2、如图,这是测试点击上面的按钮弹出的警告

3、点击下面按钮,提示上面的按钮点击失效

4、再次点击上面的按钮没有弹出效果了