如何用JS来点击按钮

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了如何用JS来点击按钮相关的知识,希望对你有一定的参考价值。

原理

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

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

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

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

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

演示

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

页面结构如图

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

然后输入

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

这行代码

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

参考技术A

    一般情况下按钮的触发是用户主动的点击来触发的

    但有时候需要完成一次点击多个事件的触发的话,就需要自己动态的出触发点击事件,用jquery完成过程,例如$(obj).trigger('click')

    参考知识http://www.w3school.com.cn/jquery/event_trigger.asp

参考技术B

可以使用javascript原生自带的click方法;

下面是简单的小例子,仅供参考:

<body>
    <input type="button" id="btn" value="click" />
</body>
<script>
    var oBtn = document.getElementById('btn');
    oBtn.onclick = function()
        alert(1);
    ;
    oBtn.click();  //模拟点击事件,页面刷新,出发点击事件
</script>

参考技术C 最好用jquery来做,因为js的click不是所有浏览器都兼容
如果是jquery的话:
$("#Id").click(); //Id为那个button按钮的Id值追问

求完成例子,追加!

追答

jquery-1.4.4.min.js自己去下

$(function(
//加载完成后执行
$("#btn").click();//这句话执行了,就会有弹窗显示 "我被点击了"
));

本回答被提问者采纳
参考技术D js中的代码用function showinfo()
alert("你点击了我!");

页面上的按钮是<input type="button" id="but" value="点击我" onclick="showinfo();" />追问

我说的是JS点击按钮不是按钮调JS

以上是关于如何用JS来点击按钮的主要内容,如果未能解决你的问题,请参考以下文章

如何用js实现点击按钮下载文件

如何用js点击一个div来显示另外一个div

如何用JS或JQ实现点击不同的按钮出现不同的层内容

如何用js在页面中添加元素?

JS实现点击按钮,下载文件

如何用js或jquery实现点击事件触发键盘