js如何给按钮添加点击事件

可以在按钮元素上增加事件属性onclick，属性内写你要执行的代码或函数。

也可以在代码中直接绑定事件，如通过querySelector等查找到元素后，在元素上直接加onclick事件。

还可以通过事件指派，绑定事件在按钮上面。

第一种方法：

两个部分：

javascript部分（相当于给出check（）接口。）：

<script

language="javascript">

function

check()

{

if

{ ……}

else{……}

}

</script>

html

部分（各种调用方法，相当于调用js的check（）接口,当点击后将运行JS函数。也可以将onclick改为其他如：onmouseover)：

<div

onclick="check()"></div>

<form

onsubmit="check()">

<input

type="submit" >

</form>

<button

onclick="check()"></button>

javascript是写事件的，html调用了这个事件。上文中的自定义事件名称check()，也可以自定义为其他，（）圆括号是必须有的。

陕西优就业的老师整理了一种答案，欢迎大家来补充！

---