2013年12月2日 星期一

【jQuery】Trigger keyup event

需求:刪除檔案可以點擊"刪除"圖示或是按下鍵盤上"DEL"按鍵

實作:因為兩個方式都是實作刪除檔案,所以可以先寫好其中一個 function,
另一個就直接觸發該 function 即可。

想法:先實作出使用"DEL"鍵刪除;點擊 Icon 則模擬鍵盤事件即可。

$('item').keyup(function(event) {
    if (event.which == 46) {
        // to do delete file
    }
});

$('.icon').click({
    var e = $.Event('keyup');
    e.which = 46; // Delete
    $('item').trigger(e);
});

另外要注意的是,一般 html tag (ex:div) 需要加上 tabindex 屬性才可以觸發鍵盤事件
而 input tag 則不需要額外加上 tabindex 屬性

沒有留言:

張貼留言