现在的位置: 首页 > 综合 > 正文

jquery随记(事件)—-键盘事件2011.08.18

2013年10月16日 ⁄ 综合 ⁄ 共 2230字 ⁄ 字号 评论关闭

 

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>
<link rel="stylesheet" type="text/css" href="Untitled-2.css" />
<script type="text/javascript" src="jquery-1.6.2.js"></script>
<script type="text/javascript">
$(document).ready(function(){
 //为td中的div添加样式
 $('.button').addClass('button');
 
 //hide()函数:折叠div
 //$('.button').hide();
 
 //trigger()
 //触发器:首先为事件添加行为,然后用‘触发器’触发事件,下面的加载即触发
 /*
 $('.button').click(function(){
  $('.button').addClass('hidden');
  });
 $('.button').trigger('click');
 */
 
 
 //想知道用户摁的哪个‘键’则监听:keydown和keyup;想知道输入的是哪个字符则监听:keypress;
 //记住‘键’和‘字符’不同,键就是一个键,二字符可能需要摁多个键才可以得到;
 /*$('.button').click(function(){
  $('.button').addClass('hidden');
  });*/
 $(document).keyup(function(e){
  switch(String.fromCharCode(e.keyCode)){   
   case 'D':
    $('#switcher-default').addClass('hidden');
    break;
   case 'K':
    $('#switcher-narrow').addClass('hidden');
    break;
   case 'L':
    $('#switcher-large').addClass('hidden');
    break;
   case 'M':
    $('.button').removeClass('hidden');
   }  
  });
 
 
 });
</script>
</head>

<body>
    
    <div class="switcher" style="border: 5px solid #69F; cursor:pointer; width:600px;">
     <h3>style switcher</h3>
        <table>
            <tr>  
               <td>
                 <div class="button" id="switcher-default">
                     Default
                 </div>
               </td>
               <td>               
                    <div class="button" id="switcher-narrow">
                        Narrow Column
                    </div>
                </td>
                <td>
                    <div class="button" id="switcher-large">
                        Larges Print
                    </div>
                </td>
             </tr> 
        </table>    
    </div>
    <br />
    <br />
1、url可以通过location.href得到;
2、http://hao123.com/weboa/formname?openform&unid=1234567
   若想得到unid=1234567:
   url.substring(url.indexOf("&")+1,url.length);(注意:substring()后面的s一定是小写;indexOf()中的"O"一定是大写)
   若想得到openform和unid=1234567:
   var var1=url.subString(url.indexOf("?")+1,url.length)
   var arr=var1.split("&");
   var openform=arr[0]
   var unid=arr[1]
   
</body>
</html>

抱歉!评论已关闭.