如果表单里有一个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>