jquery怎样按住ctrl键来控制.mod_1的z-index值？

Question

jquery怎样按住ctrl键来控制.mod_1的z-index值？
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>
<script type="text/javascript">
function change_z_index(){
//如何按住或放开ctrl改变.mod_1的z-index值
}
$(function(){change_z_index();});
</script>
<style type="text/css">
.mod_1,.mod_2{position:absolute;width:200px;height:200px;font-size:30px;color:white;z-index:1;}
.mod_1{background-color:tan;top:50px;left:50px;}
.mod_2{background-color:blue;top:150px;left:150px;}
</style><div class="mod_1">mod_1</div>
<div class="mod_2">mod_2</div>

Answer 1

 $(function(){
 $(document).keyup(function(ev){ 
   if(ev.keycode==ctrlKey)
   {$(".mod_1").attr("z-index",1000);
        });
});

Answer 2

用这个，刚才上面少个}这个符号！<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>
<script type="text/javascript">
    
 $(function(){
 $(document).keyup(function(ev){ 
   if(ev.keycode==ctrlKey)
   {$(".mod_1").attr("z-index",1000);}
        });
});</script>
<style type="text/css">
    .mod_1,.mod_2{position:absolute;width:200px;height:200px;font-size:30px;color:white;z-index:1;}
    .mod_1{background-color:tan;top:50px;left:50px;}
    .mod_2{background-color:blue;top:150px;left:150px;}
</style><div class="mod_1">mod_1</div>
<div class="mod_2">mod_2</div>

Answer 3

补充一下完整的。
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>
<script type="text/javascript">
    
 $(function(){
 $(document).keydown(function(ev){ //按下CTRL，Z-INDEX改为1000
   if(ev.keycode==ctrlKey)
   {$(".mod_1").attr("z-index",1000);}
        });
 $(document).keyup(function(ev){ 
   if(ev.keycode==ctrlKey)
   {$(".mod_1").attr("z-index",3);} //放开CTRL，Z-INDEX改为3
        });
});</script>
<style type="text/css">
    .mod_1,.mod_2{position:absolute;width:200px;height:200px;font-size:30px;color:white;z-index:1;}
    .mod_1{background-color:tan;top:50px;left:50px;}
    .mod_2{background-color:blue;top:150px;left:150px;}
</style><div class="mod_1">mod_1</div>
<div class="mod_2">mod_2</div>

Answer 4

在firefox中测试不行
别人的答案：
http://bbs.php100.com/read-htm-tid-62785.html
function change_z_index( val ){
    var evt = getEvent();
    var keycode = evt.keyCode || evt.which || evt.charCode;
    if ( keycode == 17 ) {
        document.getElementById( 'mod_1' ).style.zIndex = val;
    }
}
function getEvent(){ // 这个函数的主要作用是为了实现兼容ie与firefox中的event对象
    if ( window.event ) return window.event;
    var evt;
    var func = getEvent.caller;
    while (func) {
        evt = func.arguments[0];
        if ((evt.constructor == Event || evt.constructor == MouseEvent)
        || (typeof(evt) == "object" && evt.preventDefault && evt.stopPropagation)) {
            return evt;
        }
        func = func.caller;
    }
    return null;
}
document.onkeydown = function(){ change_z_index( 2 ) };
document.onkeyup = function(){ change_z_index( 1 ) };

Answer 5

keycode下写改大写就OK了 keyCode，我忽略了，排泄！不好意思！