Javascript中点击(click)事件的3种写法

发布时间:2024-11-12 09:31

最新推荐文章于 2024-09-25 17:14:42 发布

风情客家__ 于 2018-09-20 10:53:31 发布

原文地址: Javascript中点击(click)事件的3种写法

方法一:

<!DOCTYPE html>

<html>

<head>

<title>Javascript中点击事件方法一</title>

</head>

<body>

<button id="btn">click</button>

<script type="text/javascript">

var btn = document.getElementById("btn");

btn.onclick = function() {

alert("hello world");

}

</script>

</body>

</html>

消除事件:btn.οnclick=null;

方法二:

<!DOCTYPE html>

<html>

<head>

<title>Javascript中点击事件方法二</title>

</head>

<body>

<button id="btn">click</button>

<script type="text/javascript">

var btn = document.getElementById("btn");

btn.addEventListener('click', function() {

alert("hello wrold");

}, false)

</script>

</body>

</html>

方法三:

<!DOCTYPE html>

<html>

<head>

<title>Javascript中点击事件方法三</title>

<script type="text/javascript">

function test() {

alert("hello world");

}

</script>

</head>

<body>

<button id="btn" onclick="test()">click</button>

</body>

</html>

网址:Javascript中点击(click)事件的3种写法 https://www.yuejiaxmz.com/news/view/49999

相关内容

点击图片放大预览,遮罩屏幕放大展示
“import ... =“ 只能在typescript 文件中使用(解决方法)
生活中的软件专用的语言开发
有个开发者总结这 15 优雅的 JavaScript 个技巧
软件开发入门自学指南
什么是软件开发?
生活中的一件小事作文(优秀3篇)
统编版(2024)一年级道德与法治上册第二单元第6课《手拉手交朋友》名师课件
写生活中的趣事作文
日常生活中突发事件应急预案.docx

随便看看