javascript 中的點擊事件,可以通過多種不同的添加方式來實現。下面介紹三種 javascript 中添加點擊事件的示例代碼,個人可以根據自己的項目需要選擇不同的實現方式。

js添加點擊事件的代碼

<!--html代碼-->
<button id="mochu">我是按鈕</button>
<script>
    var btn = document.getElementById('mochu');
    btn.onclick = function(){
        alert('飛鳥慕魚博客');
    };
</script>

addEventListener() 方法添加點擊事件

国产视频apphtml DOM 中的 addEventListener() 方法可以向指定元素添加事件的句柄。它常用的為兩個參數,一個為事件名稱,另一個為事件觸發的函數。

語法:

element.addEventListener(event, function)

示例代碼:

<script>
    var btn = document.getElementById('mochu');
    btn.addEventListener('click', function () { 
        alert('http://xswdd.cn') 
    }, 
    false);
</script>

DIV元素中直接加入點擊事件

国产视频app可以直接在DIV元素中添加 onclick 事件以及要執行的函數。

国产视频app此種方法與第一種方法類似,只是代碼的書寫方式不同而已。

<!--html代碼-->
<button onclick="a()">點擊我</button>
<script>
    function a(){
        alert('我是彈出的內容');
    }
</script>