最新文章专题视频专题问答1问答10问答100问答1000问答2000关键字专题1关键字专题50关键字专题500关键字专题1500TAG最新视频文章推荐1 推荐3 推荐5 推荐7 推荐9 推荐11 推荐13 推荐15 推荐17 推荐19 推荐21 推荐23 推荐25 推荐27 推荐29 推荐31 推荐33 推荐35 推荐37视频文章20视频文章30视频文章40视频文章50视频文章60 视频文章70视频文章80视频文章90视频文章100视频文章120视频文章140 视频2关键字专题关键字专题tag2tag3文章专题文章专题2文章索引1文章索引2文章索引3文章索引4文章索引5123456789101112131415文章专题3
当前位置: 首页 - 科技 - 知识百科 - 正文

HTML表单中如何输完一行按回车跳到下一行_html/css_WEB-ITnose

来源:动视网 责编:小采 时间:2020-11-27 15:47:45
文档

HTML表单中如何输完一行按回车跳到下一行_html/css_WEB-ITnose

HTML表单中如何输完一行按回车跳到下一行_html/css_WEB-ITnose:我在网上搜到的办法是 这样在IE中的确可以,但是在谷歌和火狐浏览器中都不管用,输完一行后,点击回车后就直接提交了。怎么弄呢?感谢! 回复讨论(解决方案) 应该需要JS单独写吧 具体怎么弄呢 onkeydown事件和obj.focus(); 亲自试验结果
推荐度:
导读HTML表单中如何输完一行按回车跳到下一行_html/css_WEB-ITnose:我在网上搜到的办法是 这样在IE中的确可以,但是在谷歌和火狐浏览器中都不管用,输完一行后,点击回车后就直接提交了。怎么弄呢?感谢! 回复讨论(解决方案) 应该需要JS单独写吧 具体怎么弄呢 onkeydown事件和obj.focus(); 亲自试验结果


我在网上搜到的办法是
这样在IE中的确可以,但是在谷歌和火狐浏览器中都不管用,输完一行后,点击回车后就直接提交了。怎么弄呢?感谢!


回复讨论(解决方案)

应该需要JS单独写吧

具体怎么弄呢

onkeydown事件和obj.focus();

亲自试验结果

onkeydown="if(event.keyCode==13){event.keyCode=9; alert(event.keyCode);}"

IE输出9
火狐输出13,根本没变。

什么原理。有待请教。查了N多资料都没弄明白。

至于怎么实现你的问题:
楼上也说了,onkeydown事件和obj.focus();

1.在form的onkeydown事件里判断回车键时屏蔽onsubmit事件,
2.在input元素的onkeydown中光标指向下一个input元素(由于类似event.keyCode=9这种,用代码实现tab操作的方法。你也看到了,兼容性不强。)

用一个函数

function x() {
var e = arguments[0] || window.event;
if(e.keyCode==13)e.keyCode=9;
}

然后html这样写



function handleEnter (field, event) {
var keyCode = event.keyCode ? event.keyCode : event.which ? event.which : event.charCode;
if (keyCode == 13) {
var i;
for (i = 0; i < field.form.elements.length; i++)
if (field == field.form.elements[i])
break;
i = (i + 1) % field.form.elements.length;
field.form.elements[i].focus();
return false;
}
else
return true;
}









document.getElementById("inputId").onkeydown = function(e) {
var e = e || window.e
if(event.keyCode==13)event.keyCode=9 "
}

文档

HTML表单中如何输完一行按回车跳到下一行_html/css_WEB-ITnose

HTML表单中如何输完一行按回车跳到下一行_html/css_WEB-ITnose:我在网上搜到的办法是 这样在IE中的确可以,但是在谷歌和火狐浏览器中都不管用,输完一行后,点击回车后就直接提交了。怎么弄呢?感谢! 回复讨论(解决方案) 应该需要JS单独写吧 具体怎么弄呢 onkeydown事件和obj.focus(); 亲自试验结果
推荐度:
  • 热门焦点

最新推荐

猜你喜欢

热门推荐

专题
Top