onkeypress 这个事件在用户按下并放开任何字母数字键时发生。系统按钮(例如,箭头键和功能键)无法得到识别。
onkeyup 这个事件在用户放开任何先前按下的键盘键时发生。
onkeydown 这个事件在用户按下任何键盘键(包括系统按钮,如箭头键和功能键)时发生。
小demo:只在在输入的时候可以用backspace,其他地方不可以用。
<script type="text/javascript">
//处理键盘事件
function doKey(e){
var ev = e || window.event;//获取event对象
var obj = ev.target || ev.srcElement;//获取事件源
var t = obj.type || obj.getAttribute('type');//获取事件源类型
if(ev.keyCode == 8 && t != "password" && t != "text" && t != "textarea"){
return false;
}
}
//禁止后退键 作用于Firefox、Opera
document.onkeypress=doKey;
//禁止后退键 作用于IE、Chrome
document.onkeydown=doKey;
</script>
解决onkeydown在IE和FF中的兼容问题 (这个我没做过测试呢)
IE浏览器中:
var keycode = event.keyCode;
FireFox和Opera浏览器中:
var keycode = e.which;
总结简便写法如下:
var currKey=0,e=e||event; currKey=e.keyCode||e.which||e.charCode;//支持IE、FF
完整demo如下:
<button type="button" onclick="searchAuction();" id="btn_selector">
<label>精确筛选</label>
</button>
<script type="text/javascript">
function keydown(e) {
var currKey=0,e=e||event;
currKey=e.keyCode||e.which||e.charCode;//支持IE、FF
if (currKey == 13) {
document.getElementByIdx_x("btn_selector").click();
}
}
document.onkeydown = keydown;//onkeydown事件调用方式 </script>
写法一、触发submit事件,支持IE
<form onkeydown="checkkey(event)">
//上一段中介绍的event所携带的值传给了keys
function checkkey(keys)
{
//判断一下是否同时按了CTRL键和ENTER键.
if(keys.ctrlKey && keys.keyCode == 13)
//如果判断的结果确实是两个键准确无误的按下了,那么就提交数据
{
this.document.form.submit();
}
}
说明:event是将这次按键的值传递给函数作判断用的。也就是说event里面承载着我们这次按键的数据。
写法二、触发click事件,支持IE
<body onkeydown="if (event.keyCode==13) {document.all.button2.click();}">
写法三、按键翻页效果,支持IE
<script type="text/javascript">
var preview_page = "14671.html";
var next_page = "14675.html";
var index_page = "index.html";
var article_id = "305";
var chapter_id = "14674";
function jumpPage() {
if (event.keyCode==37)
location=preview_page;
if (event.keyCode==39)
location=next_page;
if (event.keyCode==13)
location=index_page;
}
document.onkeydown=jumpPage;
</script>
应用的demo:
在test.jsp中引入test.js
document.okeydown = KeyLogin;
function KeyLogin(){
if(event.keyCode == 13){
LoginSystem();/////触发此function
}
}
分享到:
相关推荐
onkeypress、onkeydown和onkeyup事件的区别 onkeypress、onkeydown和onkeyup是三种常用的JavaScript事件,都是与键盘输入相关的事件,但它们之间存在着一些细微的区别。 首先,让我们来看一下这三个事件的触发顺序...
在JavaScript中,`onkeyup`、`onkeydown`和`onkeypress`是三种与键盘交互相关的事件,它们各自有着特定的用途和响应时机。理解这三个事件的区别对于开发交互式网页应用至关重要。 首先,`onkeydown`事件会在用户按...
总结来说,了解并掌握`onkeydown`和`onkeypress`事件的区别,可以帮助开发者更精确地控制用户的键盘输入行为,为用户提供更优质的交互体验。在实际开发中,根据项目需求灵活运用这些事件,能够提高Web应用的可操作性...
为了解决这个问题,可以使用JavaScript中的定时器来区别单击和双击事件。通过设置定时器,在`onclick`事件中启动一个定时器,并在定时器到期前如果发生了`ondblclick`事件,则清除定时器。这样可以确保只有单次点击...
浅析OnKeyPress事件和OnKeyDown、OnKeyUp事件
8. **onKeyPress/onKeyDown/onKeyUp**: - **浏览器支持**:IE4 | Netscape4 | Opera - **描述**: - `onKeyPress`:当键盘上的某个键被按下并释放时触发。 - `onKeyDown`:当键盘上的某个键被按下时触发。 - `...
`OnKeyDown`、`OnKeyPress`和`OnKeyUp`是TWinControl类(及其派生类)中用于处理键盘事件的主要方法。以下是这些事件的详细说明: 1. **OnKeyDown** 事件:当用户按下键盘上的任意键时触发,不论是否产生ASCII字符...
本文将深入探讨`OnKeyDown`、`OnKeyUp`和`OnKeyPress`这三个JavaScript键盘事件,以及如何使用键码(key codes)来识别用户按下或释放的特定按键。 `OnKeyDown`事件是在用户按下键盘上的一个键时触发,不论该键是否...
- `onkeydown`:当用户按下键盘上的键时触发,可以用来监听特殊按键,如回车键。 - `onkeypress`:当用户按下并释放键盘上的键时触发,通常用于识别字符输入。 - `onkeyup`:当用户释放键盘上的键时触发,可用于...
- **Onkeypress**: 按键被按下且释放时触发的JavaScript函数。 - **Onkeyup**: 按键释放时触发的JavaScript函数。 - **Onmousedown**: 鼠标左键按下时触发的JavaScript函数。 - **Onmousemove**: 鼠标移动时触发的...
8. onKeyPress、onKeyDown 和 onKeyUp:这些是键盘事件,与鼠标事件不同但密切相关。onKeyPress在键被按下并释放时触发,onKeyDown在按键被按下时触发,onKeyUp则在按键被释放时触发。需要注意的是,这些事件需要...
- `onKeyUp`:用户释放键盘上的键,与`onKeyDown`一起用于处理键盘输入。 2. **页面相关事件**: - `onAbort`:当图像加载被用户中断时触发。 - `onBeforeUnload`:页面即将被替换或关闭前触发,可以用来确认...
- `onkeypress`:按下并释放一个键盘键。 - `onkeydown`:按下键盘键。 - `onkeyup`:释放键盘键。 2. 页面生命周期事件: - `onabort`:图像加载被中断。 - `onbeforeunload`:页面即将被卸载或导航离开时。 ...
6. **onkeypress** 事件:同样在用户按下键盘按键时触发,但它更关注于字符的输入,尤其在非打印键(如回车、删除键)的处理上与`onkeydown`事件有所不同。 7. **onkeyup** 事件:当用户释放键盘按键时触发,通常与...
3. `OnKeyUp`: 用户释放键盘上的键时触发,参数与`OnKeyDown`相同。 4. `OnChar`: 这个事件在`OnKeyPress`之后触发,用于处理字符输入,Key参数与`OnKeyPress`相同。 在实际开发中,我们可以通过在控件(如Form或...
- `onkeypress`:用户按下并释放一个键时触发,通常用于处理字符输入。 - `onkeydown`:用户按下任意键时触发。 - `onkeyup`:用户释放任意键时触发。 3. 页面相关事件: - `onabort`:图片加载被用户中断时...
* onkeydown: 在按键按下时 * onkeyup: 在按键抬起时 * onkeypress: 在按键时 * onsubmit: 在提交时 * onchange: 在改变时 * onfocus: 在获得焦点时 * onblur: 在失去焦点时 文档对象 * document: 文档 * write: ...