手机
当前位置:查字典教程网 >编程开发 >Javascript教程 >JavaScript onkeypress事件入门实例(按下或按住一个键盘按键)
JavaScript onkeypress事件入门实例(按下或按住一个键盘按键)
摘要:JavaScriptonkeypress事件用户按下或按住一个键盘按键时会触发onkeypress事件。注意:onkeypress事件与on...

JavaScript onkeypress 事件

用户按下或按住一个键盘按键时会触发 onkeypress 事件。

注意:onkeypress 事件与 onkeydown 事件有些细微差别,onkeypress 事件不做相应功能键按下的处理。具体可将下面的示例更改为 onkeydown 事件后,可输入 !@#$ 等特殊字符即可体会出二者之间的差别。

提示

Internet Explorer/Chrome 浏览器使用 event.keyCode 取回被按下的字符,而 Netscape/Firefox/Opera 等浏览器使用 event.which。

利用 onkeypress 事件只允许输入数字

下面是一个利用 onkeypress 事件只允许用户在表单域输入数字的例子:

复制代码 代码如下:

<html>

<head>

<script>

function checkNumber(e)

{

var keynum = window.event ? e.keyCode : e.which;

//alert(keynum);

var tip = document.getElementById("tip");

if( (48<=keynum && keynum<=57) || keynum == 8 ){

tip.innerHTML = "";

return true;

}else {

tip.innerHTML = "提示:只能输入数字!";

return false;

}

}

</script>

</head>

<body>

<div>请输入数字:<input type="text" onkeypress="return checkNumber(event);" />

<span id="tip"></span>

</div>

</body>

</html>

event.keyCode/event.which 得到的是一个按键对应的数字值(Unicode 编码),常用键值列于 onkeydown 事件一节中。例子中对 8 的值做特殊处理,是为了在文本域中支持退格(Backspace)键。

【JavaScript onkeypress事件入门实例(按下或按住一个键盘按键)】相关文章:

JavaScript事件委托实例分析

浅析JavaScript作用域链、执行上下文与闭包

JavaScript中的blink()方法的使用

Javascript客户端脚本的设计和应用

JavaScript实现单击下拉框选择直接跳转页面的方法

javascript实现可拖动变色并关闭层窗口实例

JavaScript操作Cookie方法实例分析

Javascript 事件捕获的备忘(setCapture,captureEvents)

JavaScript中的bold()方法使用详解

精通JavaScript的this关键字

精品推荐
分类导航