浏览器脚本兼容 文本框中,回车键触发事件的兼容_javascript技巧

判断是否按下的为回车非常简单:

复制代码 代码如下:

function EnterPress(){
if(event.keycode == 13){
...
}
}

IE6的onkeypress会接受"回车事件",而onkeydown不会接受
IE8的onkeypress不会接受"回车事件",而onkeydown会接受
...不用纠结于此,两个都写上吧

复制代码 代码如下:

<input type="text" onkeypress="EnterPress()" onkeydown="EnterPress()" />

但是,到了FF下面,又会出现矛盾.FF是onkeypress和onkeydown都接受"回车事件"的.
同时,为了兼容FF下面能获得event,需要这样写:

复制代码 代码如下:

function EnterPress(e){ //传入 event
var e = e | window.event;
if(e.keycode == 13){
...
}
}

那么,只要给任意的一个事件内传参数 event,另外一个不传参数,即可以让FF只执行一次了:

复制代码 代码如下:

&<input type="text" onkeypress="EnterPress(event)" onkeydown="EnterPress()" />

综上,兼容IE和FF:

复制代码 代码如下:

<head>
<script>
function EnterPress(e){ //传入 event
var e = e | window.event;
if(e.keycode == 13){
document.getElementById("txtAdd").focus();
}
}
</script>
</head>
<body>
<input type="text" id="txtName" onkeypress="EnterPress(event)" onkeydown="EnterPress()" />
<input type="text" id="txtAdd" />
</body>

--by:泡沫的幻想

时间: 2024-08-26 00:52:36

浏览器脚本兼容 文本框中,回车键触发事件的兼容_javascript技巧的相关文章

文本框中,回车键触发事件的js代码[多浏览器兼容]_javascript技巧

判断是否按下的为回车非常简单: 复制代码 代码如下: function EnterPress(){ if(event.keyCode == 13){ ... } } IE6的onkeypress会接受"回车事件",而onkeydown不会接受 IE8的onkeypress不会接受"回车事件",而onkeydown会接受 ...不用纠结于此,两个都写上吧 复制代码 代码如下: <input type="text" onkeypress=&qu

C#WPF中文本框值改变触发事件

问题描述 wpf中,我用textchange不行,当输入只能输入一个值就出发了,值还没输完,比如我获取传感器值到文本框,去触发另一个事件,怎么实现,求大神指教,我试了好多方法都不行 解决方案 解决方案二:只有当失去焦点的时候,TextBox才"认为"是输入完毕了.解决方案三:有没有输完,是你自己决定的,输完的条件可以有多种,比如失去焦点解决方案四:当文本框值改变时,触发事件用什么方法

js判断文本框输入的内容是否为数字_javascript技巧

如何验证文本框中的内容是否为数字,本文提供了三种方法,希望对大家的学习有所启发. 在某些情况下可能需要让文本框中的内容只能够输入数字,例如手机号码或者邮编之类的,下面简单介绍一下如何实现此功能. 下面是验证数字的正则表达式: "^\\d+$" //非负整数(正整数 + 0) "^[0-9]*[1-9][0-9]*$" //正整数 "^((-\\d+)|(0+))$" //非正整数(负整数 + 0) "^-[0-9]*[1-9][0-9]

js实现用于建立新的一行且增加的四个文本框为空的且被禁用_javascript技巧

用户ID 用户名 性别 年龄 添加 删除 岁 设计要求 1.当用户点击"增加一行",Table就增加一个Tr(包括四个文本框,"添加","删除此行"两个按钮.). ł.增加的四个文本框为空的且被禁用,用户只要点击"添加"按钮来选择用户的值. Ń.当用户点击"添加"按钮,就弹出新窗口,新窗口为一用户列表,用户列表只有"用户ID"和"用户名"两个字段显示. ń.当选择用户

在js(jquery)中获得文本框焦点和失去焦点的方法_javascript技巧

先来看javascript的直接写在了input上 复制代码 代码如下: <input name="pwuser" type="text" id="pwuser" class="input" value="楼盘账号" onBlur="if(this.value=='') this.value='楼盘账号';" onFocus="if(this.value=='楼盘账号')

文本框input聚焦失焦样式实现代码_javascript技巧

首先用css的伪类:focus可以改变. 文本框的 html代码假设如下: 复制代码 代码如下: <dl> <dt>Name: <dt> <dd><input type="text" /></dd> <dt>Password: <dt> <dd><input type="password" /></dd> <dt>Texta

JS模仿编辑器实时改变文本框宽度和高度大小的方法_javascript技巧

本文实例讲述了JS模仿编辑器实时改变文本框宽度和高度大小的方法.分享给大家供大家参考.具体如下: 这里演示JS模仿编辑器中实时改变文本框大小,包括宽度和高度的方法,在一些在线编辑器,比如eWebEditor中,就有一个功能,让文本框不断的增大或减小,以适应页面的大小,这个功能是如何实现的呢?请您参考一下这个程序,相信你会从中获益. 运行效果截图如下: 在线演示地址如下: http://demo.jb51.net/js/2015/js-editor-cha-width-height-codes/

JS实现网页背景颜色与select框中颜色同时变化的方法_javascript技巧

本文实例讲述了JS实现网页背景颜色与select框中颜色同时变化的方法.分享给大家供大家参考.具体实现方法如下: 复制代码 代码如下: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/

JS控制文本框textarea输入字数限制的方法_javascript技巧

复制代码 代码如下: <html>     <head>     <title>JS限制Textarea文本域字符个数</title>     <meta http-equiv="Content-Type" content="text/html; charset=gb2312" />     <SCRIPT LANGUAGE="JavaScript">     <!--