Key Event

最新推荐文章于 2012-06-22 15:49:15 发布

FBugFramework

最新推荐文章于 2012-06-22 15:49:15 发布

阅读量965

点赞数

分类专栏： Script HTML + CSS 文章标签： output function events

本文链接：https://blog.youkuaiyun.com/fbug/article/details/2490333

版权

Script 同时被 2 个专栏收录

7 篇文章

订阅专栏

HTML + CSS

6 篇文章

订阅专栏

<! 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 >
< title > Event Key </ title >
< script >
   var FCoreTCIT = {Events:{},PageInfo:{IsIE:(navigator.appName == " Microsoft Internet Explorer " )}};
  FCoreTCIT.Events.RegisterObjectEvent = function (obj,param){ if (FCoreTCIT.PageInfo.IsIE){obj.attachEvent( " on " + param[ 0 ],param[ 1 ]);} else {obj.addEventListener(param[ 0 ], param[ 1 ], false );}};
  FCoreTCIT.Events.RemoveObjectEvent = function (obj,param){ if (FCoreTCIT.PageInfo.IsIE){obj.detachEvent( " on " + param[ 0 ],param[ 1 ]);} else {obj.removeEventListener(param[ 0 ], param[ 1 ], false );}};
   function parseKeyDown()
  {
     var ev = arguments[ 0 ];
    w1.innerHTML = " Event parseKeyDown: " + ev.srcElement.value + " <br/> " ;
     for (key in ev)
    {
      w1.innerHTML += (key + " : " + ev[key] + " <br/> " );
    }
  }
   function parseKeyPress()
  {
     var ev = arguments[ 0 ];
    w2.innerHTML = " Event parseKeyPress: " + ev.srcElement.value + " <br/> " ;
     for (key in ev)
    {
      w2.innerHTML += (key + " : " + ev[key] + " <br/> " );
    }
  }
   function parseKeyUp()
  {
     var ev = arguments[ 0 ];
    w3.innerHTML = " Event parseKeyUp: " + ev.srcElement.value + " <br/> " ;
     for (key in ev)
    {
      w3.innerHTML += (key + " : " + ev[key] + " <br/> " );
    }
  }
   function test(obj)
  {
     var sl = obj.value.split( '' );
     for ( var i = 0 ; i < sl.length; i ++ )
    {
/*
      var numList = "０１２３４５６７８９";
      var index = numList.indexOf(sl[i]);
      if (index >=0)
      {
          sl[i] = index;
      }
*/
       var charCode = sl[i].charCodeAt();
       if (charCode >= 0xFF10 && charCode <= 0xFF19 )
      {
          sl[i] = charCode & 0xF ;
      }
       else if (charCode >= 0xFF41 && charCode <= 0xFF5A )
      {
          sl[i] = String.fromCharCode((charCode & 0xFF ) + 0x20 );
      }
       else if (charCode >= 0xFF21 && charCode <= 0xFF3A )
      {
          sl[i] = String.fromCharCode((charCode & 0xFF ) + 0x20 );
      }

    }
    obj.value = sl.join( '' );
  }
</ script >
</ head >
< body >
   < input id ="testInput" type ="text" />< input type ="button" value ="Click" onclick ="test(this.previousSibling);" />
   < div >
   < div style ="width:250px; float:left; margin-left:5px; border:solid 1px red;" id ="output1" ></ div >
   < div style ="width:250px; float:left; margin-left:5px; border:solid 1px red;" id ="output2" ></ div >
   < div style ="width:250px; float:left; margin-left:5px; border:solid 1px red;" id ="output3" ></ div >
   </ div >
< script >
   var tag = document.getElementById( " testInput " );
   var w1 = document.getElementById( " output1 " );
   var w2 = document.getElementById( " output2 " );
   var w3 = document.getElementById( " output3 " );
  FCoreTCIT.Events.RegisterObjectEvent(tag, [ " keydown " , parseKeyDown]);
  FCoreTCIT.Events.RegisterObjectEvent(tag, [ " keyup " , parseKeyUp]);
  FCoreTCIT.Events.RegisterObjectEvent(tag, [ " keypress " , parseKeyPress]);
</ script >
</ body >
</ html >