Key Event

本文介绍了一种处理键盘事件的方法,并演示了如何在输入时进行全角到半角字符的自动转换。通过使用JavaScript注册键盘事件,如按键按下、释放和字符输入,实现了对不同浏览器的支持。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

<!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 = "0123456789";
      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>
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值