onkeypress、onkeydown、onkeyup问题

来源:互联网 发布:linux mint与ubuntu 编辑:程序博客网 时间:2024/05/17 22:47

 <input type="text" onkeyup="value=value.replace(/[^\d]/g,'') "onbeforepaste="clipboardData.setData('text',clipboardData.getData('text').replace(/[^\d]/g,''))" class="input_box05" id="textfield"  value="0">

onbeforepaste 意思是在用户执行粘贴动作之前。clipboardData.setData('text', xxx)  是把xxx的内容复制到剪贴板clipboardData.getData('text')  是读出当前剪贴板里的内容,.replace(/[^\d]/g,'')  是正则替换,把里面除了数字以外的字符全部都去掉,整个语句的功能是,每当用户执行粘贴操作前,先取出剪贴板的内容字符串,删除不是数字的字符,只保留数字,然后再粘贴,而不是直接粘贴

 <input type="text" name="text"  value="0" onkeyup="value=value.replace(/[^\d]/g,'').replace(/^0(\d+)$/,'$1')"/>  文本输入验证,前者验证文本不能包含除数字以外的内容,后者判断不能以0位开始,如:0123456

在使用JavaScriptWEB键盘事件侦听捕获时,主要采用onkeypressonkeydownonkeyup三个事件进行出来。该三个事件的执行顺序如下:onkeydown->onkeypress->onkeyup。在一般情况下,采用三种键盘事件均可对键盘输入进行有效的响应。当在实际使用中,会发现这几者有些不同的差别。


onkeypress事件不能对系统功能键(例如:后退、删除等,其中对中文输入法不能有效响应)进行正常的响应,onkeydownonkeyup均可以对系统功能键进行有效的拦截,但事件截获的位置不同,可以根据具体的情况选择不同的键盘事件。
由于onkeypress不能对系统功能键进行捕获,导致window.event对象的

keyCode属性和onkeydownonkeyup键盘事件中获取的keyCode属性不同,主要表现在onkeypress事件的keyCode对字母的大小写敏感,而onkeydownonkeyup事件不敏感;onkeypress事件的keyCode无法区分主键盘上的数字键和付键盘数字键的,而onkeydownonkeyupkeyCode对主付键盘的数字键敏感。
 

<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;
}
}

原创粉丝点击