JS事件用法

標籤：pyw   rss   orm   hud   udk   nqa   ipc   gil   dtd   

1.常用事件理解

onfocus/onblur:聚焦離焦事件，用於表單校正的時候比較合適。

onclick/ondblclick:按一下滑鼠和雙擊事件

onkeydown/onkeypress：搜尋引擎使用較多

onload：頁面載入事件，所有的其它操作(匿名方式)都可以放到這個綁定的函數裡面去。如果是有名稱，那麼在html頁面中只能寫一個。

onmouseover/onmouseout/onmousemove：購物網站商品詳情頁。

onsubmit：表單提交事件 ，有傳回值，控製表單是否提交(只能在form標籤內)。

onchange:當使用者改變內容的時候使用這個事件(二級聯動)

 2.第二種理解方式

 

3.鍵盤事件的用法

根據按下的 鍵確認相應的事件

1.

$("#ss").keyup(function(xxx){            //將瀏覽器產生的事件對象設定到myevent變數中            var myevent = xxx;            //擷取按鍵的unicode編碼            var code = myevent.keyCode;            //如果按鈕是斷行符號            if(code == 13){                //擷取數字微調的當前值，因為$(this)此時表示的是文字框，直接擷取value屬性值即可                var value = $(this).val();                //將當前值設定到span標籤中                $("#num").text(value).css("color","red");                }        });

 

 

2.

$(document).keydown(function(even){   //鍵盤事件，鍵盤對應的碼可以參考網站http://unixpapa.com/js/key.html        /*******按鍵不是39的時候變換方向，先移除原來的CSS屬性增加新的class屬性，CSS中先定義好class屬性*****/        if(even.keyCode!=keyrecord){$bird.removeClass().addClass("dir_"+even.keyCode);}//刪除原來的屬性後增加新的class屬性        keyrecord=even.keyCode;        switch(even.keyCode){            case 37://左移//            alert(pos.left);   //顯示出小鳥的距離左邊位移            pos.left-=10;            if(pos.left<=-birdsSize.width){pos.left=$(window).width();} //如果左移的位置超過小鳥寬度，設定為從右邊出來。            break;                        case 38://上移            pos.top-=10;            if(pos.top<=-birdsSize.height){pos.top=$(window).height();} //如果上移的位置超過小鳥負高度，設定為從下邊出來。            break;                        case 39://右移            pos.left+=10;            if(pos.left>=$(window).width()){pos.left=-birdsSize.width;} //如果右移的位置超過螢幕寬度，設定為從左邊出來。            break;                        case 40://下移            pos.top+=10;            if(pos.top>=$(window).height()){pos.top=-birdsSize.height;} //如果下移的位置超過螢幕寬度，設定為從上邊出來。            break;                                }

 

JS事件用法