javascript 点击按钮触发事件

JavaScript012

javascript 点击按钮触发事件,第1张

使用onclick（）点击事件触发。

1、设计一个功能页面，HTML代码如下。

2、此时的页面展示效果如下。

3、设计功能函数，实现上图中赋值的功能。

4、给按钮绑定上述函数，点击实现。

5、在页面上点击函数，查看执行效果。

扩展资料：

onclick事件解析：

1、定义和用法：onclick 属性由元素上的鼠标点击触发。

onclick 属性不适用以下元素：<base>、<bdo>、<br>、<head>、<html>、<iframe>、<meta>、<param>、<script>、<style>或 <title>。

2、语法：

<element onclick="script">。

参考资料：

百度百科--onclick

1.

首先鼠标点击一个按钮触发JS方法如下：

function a(a){

 alert(a)

}

function b(b){

 alert(b)

}

2.

js触发另一个按钮的方法如下：

usually function

 

function load(){

    //下面两种方法效果是一样的

    document.getElementById("target").onclick()

    document.getElementById("target").click()

}

function test(){

alert("test")

}

test

3.注释：document.getElementById("target")获取到目标的ID值，然后再调用onclick或者是click方法，这样就会继续执行令一个按钮的JS代码了。

原理

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

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

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

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

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

演示

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

页面结构如图

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

然后输入

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

这行代码

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