asp.net中没用js绑定回车事件,可是为什么在文本框中输入内容后按回车键还会触发该事件?求大神解释下!

JavaScript019

asp.net中没用js绑定回车事件,可是为什么在文本框中输入内容后按回车键还会触发该事件?求大神解释下!,第1张

如果表单里有一个type=”submit”的按钮,回车键生效。

如果 表单里只有一个type=”text”的input,不管按钮是什么type,回车键生效。

如果按钮不是用input,而是用button,并且没有加type,IE下默认为type=button,FX默认为 type=submit。

其他表单元素如textarea、select不影 响,radio checkbox不影响触发规则,但本身在FX下会响应回车键,在IE下不响应。

type=”image”的input,效果等同于type=”submit”,不知道为什么会设计这样一种type,不推荐使用,应该用 CSS添加背景图合适些。

这五点是引用别人的原话,说的很明了。我的就是第二点。跟js没有关系,仅是浏览器默认的一些规则而矣。

所以,下次,如果你的页面也只有一个“text”(一般是搜索页面),如果也想写回车事件的话,就要注意了。

其实像这种问题,解决办法很变态,我是在页面里面放一个隐藏的“text”。

一、设计思路:设计一个简单的输入对话框,然后按下enter进行输入事件。

二、聊天输入框的代码如下:

三、此时的页面展示如下:

四:设计函数,使得输入文字时,按下按钮可以提交到聊天框。

五、此时在页面上测试,输入一段文字:

六、执行结果如下:

七、设计函数,使得按下enter跟按钮同样的功能:

八、刷新页面,测试:

<script>

window.onload = init

function init(){

var one = document.getElementById("input的id)

bindEvent(one, "keyup", function(e){

e = e || window.event

if (e.which == 13) {//13是回车键的键值

    这里写

处理语句

代码

}

})

}

</script>