精华内容
下载资源
问答
  • 【转】js键盘输入事件

    千次阅读 2010-09-15 09:25:00
      <br />onkeyup 这个事件在用户放开任何先前按下的键盘键时发生。  <br />onkeydown 这个事件在用户按下任何键盘键(包括系统按钮,如箭头键和功能键)时发生。  <br /> <mce:script lan

    事件名称           说明     
    onkeypress     这个事件在用户按下并放开任何字母数字键时发生。系统按钮(例如,箭头键和功能键)无法得到识别。    

    onkeyup        这个事件在用户放开任何先前按下的键盘键时发生。    

    onkeydown      这个事件在用户按下任何键盘键(包括系统按钮,如箭头键和功能键)时发生。    


    <mce:script language=javascript><!--    

    function KeyDown(){        
    if ((window.event.altKey)&&     
    ((window.event.keyCode==37)||    //屏蔽 Alt+ 方向键 ←     
    (window.event.keyCode==39))){   //屏蔽 Alt+ 方向键 →     
    alert("不准你使用ALT+方向键前进或后退网页!");     
    event.returnValue=false;     
    }     
    if ((event.keyCode==8)||             //屏蔽退格删除键     
    (event.keyCode==116)){           //屏蔽 F5 刷新键     
    event.keyCode=0;     
    event.returnValue=false;     
    }     
    if ((event.ctrlKey)&&(event.keyCode==78)){    //屏蔽 Ctrl+n     
    event.returnValue=false;     
    }     
    if ((event.shiftKey)&&(event.keyCode==121)){ //屏蔽 shift+F10     
    event.returnValue=false;     
    }     
    if (event.keyCode==122){ //屏蔽 F11     
    event.returnValue=false;     
    }     
    }    
    }    

    function document.onkeydown()    
    {    
    if ( event.keyCode=='39' ) //->右箭头    
    {    
    window.open("http://www.163.com");    
    }    
    }    


    function document.onkeypress()    
    {    
    if ( event.keyCode=='13' )    
    {    
    alert( '你输入了键盘的 “回车” 键');    
    return changePageGo();    
    }    
    }    
    // --></mce:script>    


    ASCII码 键盘 ASCII 码 键盘 ASCII 码 键盘 ASCII 码 键盘     
    27 ESC 32 SPACE 33 ! 34 "     
    35 # 36 $ 37 % 38 &     
    39 ' 40 ( 41 ) 42 *     
    43 + 44 ' 45 - 46 .     
    47 / 48 0 49 1 50 2     
    51 3 52 4 53 5 54 6     
    55 7 56 8 57 9 58 :     
    59 ; 60 < 61 = 62 >     
    63 ? 64 @ 65 A 66 B     
    67 C 68 D 69 E 70 F     
    71 G 72 H 73 I 74 J     
    75 K 76 L 77 M 78 N     
    79 O 80 P 81 Q 82 R     
    83 S 84 T 85 U 86 V     
    87 W 88 X 89 Y 90 Z     
    91 [ 92 / 93 ] 94 ^     
    95 _ 96 ` 97 a 98 b     
    99 c 100 d 101 e 102 f     
    103 g 104 h 105 i 106 j     
    107 k 108 l 109 m 110 n     
    111 o 112 p 113 q 114 r     
    115 s 116 t 117 u 118 v     
    119 w 120 x 121 y 122 z     
    123 { 124 | 125 } 126 ~  
    ----------------------------------------
    firefox下:
    document.onkeydown = function(e){
    //alert((e.which == 13));
    alert(e.charCode+":::::"+e.which);
    }
    ------------------------------------------
    兼容:
    document.onkeydown = function(e){
    if(window.event)
    e = window.event;
    var int_keyCode = e.charCode||e.keyCode||e.which;
    alert(int_keyCode);
    }
    -------------------------------------------
    判断浏览器:
    function test(){
    if(navigator.appName == "Microsoft Internet Explorer")
    alert("This is IE");
    else if(navigator.appName == "Netscape")
    alert("This is Firefox");
    else
    alert("This is Other");  
    }

    展开全文
  • JavaScript 中监听用户的键盘输入是很容易的事情,但用户一旦使用了输入法,问题就变得复杂了。
  • js 文本框键盘输入事件

    千次阅读 2016-03-29 12:58:43
    html js window.onload = function () { AddEvent($("txt"), EventsType1[0], fun1); }; var fun1 = function () { AddEvent(docum

    html

    <!DOCTYPE html>
    <html>
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
        <title></title>
        <link href="../Content/StyleSheet7.css" rel="stylesheet" />
        <script src="../Scripts/cxc.js"></script>
        <script src="../Scripts/JavaScript7.js"></script>
    	<meta charset="utf-8" />
    </head>
    <body>
        <ul>
            <li><input type="text" id="txt" /></li>
            <li id="show"></li>
        </ul>
        
    </body>
    </html>


    js

    window.onload = function () {
        AddEvent($("txt"), EventsType1[0], fun1);
    };
    var fun1 = function () {
        AddEvent(document, EventsType2[0], fun2);
    };
    var fun2 = function () {
        setTimeout(function () { $("show").innerHTML = $("txt").value; },1); 
    };

    css



    展开全文
  • JS键盘监听事件

    万次阅读 2021-05-15 15:19:37
    <!DOCTYPE html> <html> <head> <meta charset="UTF-8">...script type="text/javascript">... * 键盘事件: * onkeydown * - 按键被按下 * -
    <!DOCTYPE html>
    <html>
    	<head>
    		<meta charset="UTF-8">
    		<title></title>
    		<script type="text/javascript">
    			
    			window.onload = function(){
    				
    				/*
    				 * 键盘事件:
    				 * 	onkeydown
    				 * 		- 按键被按下
    				 * 		- 对于onkeydown来说如果一直按着某个按键不松手,则事件会一直触发
    				 * 		- 当onkeydown连续触发时,第一次和第二次之间会间隔稍微长一点,其他的会非常的快
    				 * 			这种设计是为了防止误操作的发生。
    				 * 	onkeyup
    				 * 		- 按键被松开
    				 * 
    				 *  键盘事件一般都会绑定给一些可以获取到焦点的对象或者是document
    				 */
    				
    				document.onkeydown = function(event){
    					event = event || window.event;
    					
    					/*
    					 * 可以通过keyCode来获取按键的编码
    					 * 	通过它可以判断哪个按键被按下
    					 * 除了keyCode,事件对象中还提供了几个属性
    					 * 	altKey
    					 * 	ctrlKey
    					 * 	shiftKey
    					 * 		- 这个三个用来判断alt ctrl 和 shift是否被按下
    					 * 			如果按下则返回true,否则返回false
    					 */
    					
    					//console.log(event.keyCode);
    					
    					//判断一个y是否被按下
    					//判断y和ctrl是否同时被按下
    					if(event.keyCode === 89 && event.ctrlKey){
    						console.log("ctrl和y都被按下了");
    					}
    					
    					
    				};
    				
    				/*document.onkeyup = function(){
    					console.log("按键松开了");
    				};*/
    				
    				//获取input
    				var input = document.getElementsByTagName("input")[0];
    				
    				input.onkeydown = function(event){
    					
    					event = event || window.event;
    					
    					//console.log(event.keyCode);
    					//数字 48 - 57
    					//使文本框中不能输入数字
    					if(event.keyCode >= 48 && event.keyCode <= 57){
    						//在文本框中输入内容,属于onkeydown的默认行为
    						//如果在onkeydown中取消了默认行为,则输入的内容,不会出现在文本框中
    						return false;
    					}
    					
    					
    				};
    			};
    			
    			
    		</script>
    	</head>
    	<body>
    		
    		<input type="text" />
    		
    	</body>
    </html>
    
    
    展开全文
  • js鼠标双击DIV事件和键盘输入事件

    千次阅读 2019-07-13 14:15:15
    --鼠标双击DIV时间和键盘输入事件--> <div class="box1" id="ft1"></div> 请输入内容" /> <script type="text/javascript"> ft1.ondblclick = function (){//鼠标双击事件函数 alert("你刚刚触发了鼠标...
    <!DOCTYPE html>
    <html>
    	<head>
    		<meta charset="UTF-8">
    		<title></title>
    		<style type="text/css">
    			*{margin: 0;padding: 0;}
    			.box1{width:200px;height:200px;background:aqua;margin: 0 auto;}
    			input{width: 200px;height: 50px;margin: 0 auto;display: block;}
    		</style>
    	</head>
    	<body>
    		<!--鼠标双击DIV时间和键盘输入事件-->
    		<div class="box1" id="ft1"></div>
    		<input type="text" name="txt1" id="txt1" placeholder="请输入内容" />
    		<script type="text/javascript">
    			ft1.ondblclick = function (){//鼠标双击事件函数
    				alert("你刚刚触发了鼠标双击事件");
    			}
    			txt1.onchange = function (){//文本框内容改变函数
    				alert("输入框被改变了哦");
    			}
    		</script>
    	</body>
    </html>
    
    展开全文
  • JS屏蔽键盘输入 JS屏蔽键盘输入JS屏蔽键盘输入 JS屏蔽键盘输入
  • javascript 中监听用户的键盘输入是很容易的事情,但用户一旦使用了输入法,问题就变得复杂了。输入法应当如何触发键盘事件呢?是每一下击键都触发一次事件,还是选词完毕才触发事件呢?整句输入又该如何触发事件呢?...
  • js键盘输入事件绑定到特定按钮。

    千次阅读 2018-09-06 13:41:01
    &lt;...text/javascript" language="javascript"&gt; document.onkeyup = function (event) { var e = event || window.event; var keyCode = e.keyCode || e.which; ...
  • Javascript键盘事件输入控制

    千次阅读 2014-06-05 14:17:11
    Javascript键盘事件输入控制 进行web开发时,我们会对表单做提交验证,为了进一步增强用户体验,要在用户输入时就进行限制,比如针对电话只能输入数字、长度不允许超过固定值等。随着微博的流行,从Twitter开始,...
  • Javascript接收键盘输入

    2012-10-02 19:15:03
    Javascript接收键盘输入
  • 1.键盘上按键被按下函数 window.onkeydown=function(){ } 2键盘上按键抬起函数 window.onkeyup=function(){ } ...注:键盘事件一般都绑定window对象 4.获取到键盘上按键的键盘码 console.log(ev.keyCode); ...
  • js键盘回车事件

    2012-07-26 17:14:41
    js键盘回车事件,下载即可用,简单实用...
  • OnKeyPress事件Javascript检测键盘输入

    千次阅读 2018-04-28 09:41:43
    对于有些时候,我们需要检测用户键盘输入的键盘信息,来处理一些相应的事件。 这里田子建议使用OnKeyPress=“”事件来处理。相类似的还有OnKeyUp和OnKeyDown事件,这些田子个人认为都不是特别的理想化。 假如,...
  • 可使用 JavaScript 模拟按键事件,但是 UIEvent.initUIEvent 和 KeyboardEvent.initKeyEvent() 等方法在最新的Chrome浏览器中已废弃;需使用最新标准 KeyboardEvent 实现。 模拟按键事件代码如下: function ...
  • JS键盘输入

    2008-04-17 09:35:52
    JS键盘输入,通过使用键盘输入来输入密码
  • 脚本模拟键盘输入方式,监听键盘事件e.IsTrusted属性是false,此属性为只读属性不能更改,用户用键盘正常输入该值为true。目前没有找到好的处理方式。 Firefox浏览器中有如下处理方式(未试,只做记录): var ...
  • js键盘事件

    2014-02-21 12:05:35
    js键盘事件 js键盘事件,详见下: function document.onkeydown() { var e=event.srcElement; if(event.keyCode==13) { document.g
  • 键盘事件 ...该事件处理函数返回false时,会取消默认的动作(如输入键盘字符,在IE和Safari浏览器下还会禁止keypress事件响应) keypress: 按下某个键盘键并释放时触发。如果按住某个键,会不断触发...
  • js 键盘监听事件

    千次阅读 2017-08-25 14:30:17
    通过baidu的接口实现了输入数据的提示,当我给键盘添加监听事件的时候就出了问题。 首先是监听这个输入框里面的内容更改时 就改变提示的内容。所以我给他添加了onkeyup的事件 $("#txt").on("keyup",function(event)...
  • JavaScript 键盘事件

    2020-06-21 15:30:23
    键盘事件 键盘事件 触发条件 onkeyup 某个键盘按键被松开时触发 onkeydown 某个键盘按键被按下时触发 onkeypress 某个键盘按键时被按下时触发 但是它不自动识别功能键,比如 ctrl shift 箭头等 注意...
  • 目录:JavaScript键盘事件五大经典案例1、什么是键盘事件2、常用键盘事件3、常用属性和方法4、案例4.1 京东搜索框4.2 快递单号输入查询4.3 文字禁止选中4.4 禁止右击菜单4.5 自定义鼠标光标 1、什么是键盘事件 ​ ...
  • js实现在线键盘输入效果
  • JavaScript回车事件键盘事件

    千次阅读 2020-07-09 21:31:09
    JavaScript回车事件等键盘事件JavaScript键盘事件键盘事件属性键盘响应顺序JavaScript 监听回车事件Keycode对照表 JavaScript键盘事件 在 JavaScript 中,当用户操作键盘时,会触发键盘事件,键盘事件主要包括下面 3...
  • js键盘输入密码,外加asp的中文验证码
  • 前端(十五)—— JavaScript事件:绑定事件方式、事件的冒泡和默认事件、鼠标事件键盘事件、表单 事件、文档事件、图片事件、页面事件JS事件:绑定事件方式.事件的冒泡和默认事件.鼠标事件.键盘事件.表单 事件....
  • 软键盘(JavaScript模拟软键盘输入密码)
  • vue在某页面监听键盘输入事件

    千次阅读 2020-10-09 09:57:15
    {{current.title}} 你的浏览器不支持iframe标签</p> ps:注意:加个header,当点击了ifame组件之后,再点击时header组件时候,才能再继续键盘事件; 或者通过家蒙版来解决这个问题。 (2)、js处理 方式(一): ...
  • 本文为大家详细介绍下使用js如何监听键盘事件,具体实现代码如下,感兴趣的朋友可以参考下,希望对大家有所帮助

空空如也

空空如也

1 2 3 4 5 ... 20
收藏数 66,009
精华内容 26,403
关键字:

js键盘输入事件