JS----click3種方法

本文轉載自查看原文 2018-09-28 11:07 3539 javascript

js最常用的click事件3種方法

1、onclick=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>

免責聲明！

本站轉載的文章為個人學習借鑒使用，本站對版權不負任何法律責任。如果侵犯了您的隱私權益，請聯系本站郵箱yoyou2525@163.com刪除。

猜您在找 js繼承的6種方法 js排序的2種方法,好用 JS阻止事件冒泡的3種方法 JS數組去重的三種方法 JS函數調用（4種方法） HTML用JS導出Excel的五種方法頁面自動執行js的3種方法 js倒計時的2種方法 js數組去重4種方法 JS生成 UUID的四種方法