Javascript调用事件方法:函数响应事件、代码响应事件、动态绑定处理事件
1、函数响应事件
<script>
function eventHandler(){
alert("事件响应中调用函数");
}
</script>
<body>
<form>
<input type="button" value="test" onclick="eventHandler()"; />
</form>
</body>
运行结果如图:
![在这里插入图片描述](https://i-blog.csdnimg.cn/blog_migrate/3fa8a11ec726879b8a3bbd3d7363ad40.png#pic_center)
2、代码响应事件
<body>
<form id="form1" method="post" action="">
<label>
姓名:<input type="text" name="name"/>
</label>
<p>
<label>
密码:<input type="password" id="password" name="password"/>
</label>
<p>
<input type="submit" name="submit" value="查看姓名和密码" οnclick="javascript:alert('姓名:'+form1.name.value+'\n密码:'+form1.password.value)"/>
</form>
</body>
运行结果如图:
![在这里插入图片描述](https://i-blog.csdnimg.cn/blog_migrate/f15ebe6f88b88054c4dde1fb4ff2822e.png#pic_center)
3、调用事件
<script>
function clickHandler(){
alert("hello");
return true;
}
myform.mybutton.onclick();
</script>
<body>
<form name="myform" method="post" action="">
<input type="submit" name="myform" value="验证" onclick="return clickHandler()">
</form>
</body>
运行结果如图:
![在这里插入图片描述](https://i-blog.csdnimg.cn/blog_migrate/83ac31f94336a78a9d5c191883a361ca.png#pic_center)