内容简介

键盘事件实现文本框只能输入数字效果

代码实战

function checkNum(e){
  var e=e||window.event;//兼容所有浏览器
  
  alert(e.target.tagName||e.srcElement.tagName);
  //48--57数字字符的keycode，8是退格
  if((e.keyCode<48 || e.keyCode >57) && e.keyCode != 8){
    return false;//不回写
  }else{
    return true;
  }
}
//兼容所有浏览器，获取event对象信息
function test(e){
  var e=e||event;//兼容所有浏览器,火狐需要传递event参数，其他浏览器是可以直接用event
  alert(e.target||e.srcElement);  //返回事件源对象
  alert(e.target.tagName||e.srcElement.tagName); //返回事件源的标签名
  
}
<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8">
    <title></title>
    <script src="js/index6.js"></script>
  </head>
  <body>
    <input type="text" onkeydown="return checkNum(event)"/>
    <div onmouseover="test(event)" style="background-color: aqua;">事件</div>
  </body>
</html>

运行效果

键盘事件实现文本框只能输入数字效果_前端