當前位置：
首頁 >
前端技术
> javascript
>内容正文
javascript
JS----click3种方法
生活随笔
收集整理的這篇文章主要介紹了
JS----click3种方法
小編覺得挺不錯的,現在分享給大家,幫大家做個參考.
?js最常用的click事件3種方法
1、οnclick=name()
<!DOCTYPE html> <html leng="en"><head><meta charset="utf-8"><title>one</title></head><body><div id="dome"></div><button type="button" onclick="displayDate()">點擊</button><script>function displayDate(){document.getElementById("dome").innerHTML=Date();}</script></body> </html>2、js中綁定
<!DOCTYPE html> <html leng="en"><head><meta charset="utf-8"><title>one</title></head><body><div id="dome"></div><button type="button">點擊</button><script>var btn=document.getElementById("btn");btn.onclick=function(){document.getElementById("dome").innerHTML=Date();}</script></body> </html>3、事件柄方法
//addEventListener 用于向指定元素添加事件句柄 //可以向一個元素添加多次點擊事件，后一個點擊事件不會覆蓋前一個點擊事件 <!DOCTYPE html> <html leng="en"><head><meta charset="utf-8"><title>one</title></head><body><div id="dome"></div><button type="button">點擊</button><script>var btn=document.getElementById("btn");btn.addEventListener('click',function(){document.getElementById("dome").innerHTML=Date();},false)</script></body> </html>?
轉載于:https://www.cnblogs.com/liaohongwei/p/9717511.html
總結
以上是生活随笔為你收集整理的JS----click3种方法的全部內容，希望文章能夠幫你解決所遇到的問題。
- 上一篇： 新手引导动画的4种实现方式
- 下一篇： gradle idea java ssm