Javascript调用事件方法

最新推荐文章于 2024-07-02 12:21:43 发布

Yuanuki

最新推荐文章于 2024-07-02 12:21:43 发布

阅读量1.9k

点赞数 2

分类专栏： JavaScript学习笔记文章标签： javascript

本文链接：https://blog.csdn.net/qq_44247791/article/details/107847106

版权

JavaScript学习笔记专栏收录该内容

1 篇文章 0 订阅

订阅专栏

Javascript调用事件方法：函数响应事件、代码响应事件、动态绑定处理事件

1、函数响应事件

<script>
function eventHandler(){
alert("事件响应中调用函数");
}
</script>
<body>

<form>
<input type="button" value="test" onclick="eventHandler()"; />
</form>

</body>

运行结果如图：

在这里插入图片描述

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>

运行结果如图：

在这里插入图片描述

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>

运行结果如图：

在这里插入图片描述

Yuanuki

关注

2
点赞
踩
1

收藏

觉得还不错? 一键收藏
0
评论
Javascript调用事件方法

Javascript调用事件方法：函数响应事件、代码响应事件、动态绑定处理事件1、函数响应事件<script>function test(){alert("事件响应中调用函数");}</script><body><form><input type="button" value="test" onclick="eventHandler()"; /></form></body>1、代码响应事件..
复制链接

扫一扫

专栏目录