1. 程式人生 > >python學習之網站的編寫(HTML,CSS,JS)(二十一)----------事件(例如點選事件等)及繫結事件的幾種方式

python學習之網站的編寫(HTML,CSS,JS)(二十一)----------事件(例如點選事件等)及繫結事件的幾種方式

事件:什麼叫做事件呢,就是我們在頁面中的一些滑鼠和鍵盤操作,比如onclick就是點選事件,然後我們將介紹幾種繫結事件的方式。

1.在標籤中繫結

<div onclick="fuc()"></div>
<script>
    func(){
        
    }
</script>

2.找標籤,找到元素,再進行繫結

<div id="i1"></div>
<script>
document.getElementById('i1').onclick=function()
{
    
}
</script>

3.找標籤,找到元素,再進行繫結,與2不同的是,這種方式對於一個元素可以繫結兩個事件

<div>
    <input id="i1" type="button" value="按鈕">
</div>
<script>
document.getElementById('i1').addEventListener('click',func(),false);
function func()
{

}
</script>

4.利用JQuery進行繫結