2008/12/11

Javascript(Jquery)获取键盘事件的key值,兼容FF2/3,IE,opera

获取event,keyCode是件麻烦事情,浏览器之间不统一。下面代码兼容性好。


<script>
//监听keypress事件,执行键盘一些快捷操作
$(document).keypress(function(event){
   
    //获取事件对象 w3c模型/ie模型
    //var event = arguments[0] || window.event;
    //取得键盘码
    var key = event.keyCode || event.which || event.charCode;
   
    switch( key ) {           
        //a 添加分类
        case 97 :    go("AddProductLink");return;
           
        //p 商品管理
        case 112 :    go("ProductsManageLink");return;
           
        //c 分类管理
        case 99 :    go("CategoriesManageLink");return;
       
        //s 搜索框聚焦
        case 115 :    setTimeout(function(){$('input#searchText').focus();});return;
           
        default :    return;
    }
    return;
});
</script>


清除事件继续向上冒泡,如果不希望其父级DOM捕获到此事件。


//对于INPUT框需要阻止事件继续向上冒泡
$('input').keypress(function(event){event.cancelBubble ? (event.cancelBubble = ture) : event.stopPropagation();});

没有评论:

发表评论