js中的点击事件(click)的实现方式
Posted 青芒灬
tags:
篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了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>
以上是关于js中的点击事件(click)的实现方式的主要内容,如果未能解决你的问题,请参考以下文章