js中的点击事件(click)的实现方式

js中的点击事件(click)的实现方式,第1张

js中的点击事件(click)的实现方式
<!DOCTYPE html>
<html lang="zh">
<head>
<meta charset="UTF-8">
<title>js中的点击事件(click)的实现方式</title>
</head>
<body>
<!-- 第三种方式-->
<button id="btn" onclick="threeFn()">点我</button> <script type="text/javascript">
var btn = document.getElementById("btn"); // 第一种 通过点击事件
btn.onclick = function(){
alert("这是第一种点击方式");
} // 第二种 监听点击事件
btn.addEventListener('click', function(){
alert("这是第二中点击方式");
}) // 第三种 通过方法响应点击事件
function threeFn(){
alert("这是第三种点击方式");
}
</script>
</body>
</html>

欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/zaji/586600.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2022-04-12
下一篇 2022-04-12

发表评论

登录后才能评论

评论列表(0条)

保存