首页 / JAVASCRIPT / IE中的Tab键顺序问题,表单中的初始Javascript选择字段

IE中的Tab键顺序问题,表单中的初始Javascript选择字段

内容导读

互联网集市收集整理的这篇技术教程文章主要介绍了IE中的Tab键顺序问题,表单中的初始Javascript选择字段，小编现在分享给大家，供广大互联网技能从业者学习和参考。文章包含1196字，纯文字阅读大概需要2分钟。

内容图文

我试图在html中实现以下行为：用户将看到一个涉及多个文本字段的表单.字段使用默认值填充,但在许多情况下,用户希望输入自己的字段.当页面加载时,第一个字段中的值被选中,因此用户可以通过简单地开始键入和标签到下一个字段来替换它,或者只是将其保留并标签输出.这是我所拥有的一个简单的例子：

<html>
    <body onl oad="document.getElementById('helloField').select()">
        <form>
            <input id="helloField" value="hello"/><br/>
            <input value="goodbye"/><br/>
            <input type="submit" value="Submit"/>
        </form>
    </body>
</html>

这适用于Chrome(和我相信的Firefox,但我没有在这里).在IE中,该字段按预期选择,但是当用户点击选项卡时,浏览器会选中其地址栏而不是再见字段.如果我用简单的焦点替换选择,比如

<body onl oad="document.getElementById('helloField').focus()">

标签在所有浏览器中都没问题,但这不是我想要的.我希望用户能够立即开始输入以替换默认值.

有人有主意吗？

谢谢.

解决方法:

聚焦,然后选择.

还要考虑在有问题的输入之后将代码直接放在脚本块中.如果你在页面上有一堆图像,document.onload可以在很长一段时间后触发,你想要的最后一件事就是在onload触发并劫持你的焦点时在输入框中输入(让你删除你的内容)盒子).

<input id="helloField" value="hello"/><br/>
<script type="text/javascript">
    var hello= document.getElementById('helloField');
    hello.focus();
    hello.select();
</script>

内容总结

以上是互联网集市为您收集整理的IE中的Tab键顺序问题,表单中的初始Javascript选择字段全部内容，希望文章能够帮你解决IE中的Tab键顺序问题,表单中的初始Javascript选择字段所遇到的程序开发问题。 如果觉得互联网集市技术教程内容还不错，欢迎将互联网集市网站推荐给程序员好友。

内容备注

版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 gblab@vip.qq.com 举报，一经查实，本站将立刻删除。

内容手机端

扫描二维码推送至手机访问。

本文链接：https://qyyshop.com/info/740799.html

来源：【匿名】