JavaScript: 頁面元素事件屬性

一、JavaScript函數

函數定義文法：

function function_name(var1, var2...){

     ...

     [return value]

}

var1, var2是自變數參數，如果函數有傳回值，使用return語句。

 

二、頁面元素事件屬性

目前對於頁面元素事件響應採用如下的形式：

onevent = "function1;fuction2..."

樣本：

<input type="button" id="findseats" value="Find Seats" onclick="findSeats();" />

 

更為優雅的方式是設定頁面元素的事件屬性，形式是：object.onevent=function_name;

因此，上述樣本等價於：

document.getElementById("findseats").onclick = findSeats;

onclick是一個事件屬性，其值為函數名，注意不是findSeats();

更一般的形式是：

object.onevent=function(evt){

  statements;

}

evt是事件對象，如果不需要，可以省去。

可以類比Java Swing中的事件響應：

button.addActionListener (new ActionListener(Event evt) {...})

設定頁面元素的事件屬性一般在onload中設定，這時候頁面剛載入，且只設定一次。

<script type="text/javascript">

window.onload = function() {
        document.getElementById("findseats").onclick = findSeats;

        document.getElementById("seat0").onclick = function(evt) {

                    showSeatStatus(0); };

        // Onload operations here

};

</script>