在 Firefox 的文本字段中显示插入符位置或根据需要调整文本字段的大小

发布于 2024-08-08 14:10:16 字数 734 浏览 10 评论 0原文

Firefox 中有一个恼人的错误,它允许我在文本字段中设置插入符号位置,但它不会自动将该插入符号滚动到视图中。

当使用 jQuery Masked 输入插件 (http://digitalbush.com/projects /masked-input-plugin/)

如果文本字段的宽度小于输入的宽度,您将看不到您正在输入的内容。我需要一种方法来解决这个问题或强制文本框增长。

这是一些示例代码

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script>
<script src="jquery.maskedinput-1.2.2.js" type="text/javascript"></script>
<script type='text/javascript'>
jQuery(function($){
   $('#phone').mask('(999) 999-9999? ext:99999');
});
</script>
<input type="text" id="phone" name="phone" value="" width="10">

There is an annoying bug in Firefox which allows me to set the caret position in a textfield, but it does not automatically scroll that caret into view.

My particular issue arises when using the jQuery Masked Input Plugin (http://digitalbush.com/projects/masked-input-plugin/)

If the width of the textfield is less than the width of the input, you cannot see what you are typing. I need a way to fix this or to force the textbox to grow.

Here's some example code

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script>
<script src="jquery.maskedinput-1.2.2.js" type="text/javascript"></script>
<script type='text/javascript'>
jQuery(function($){
   $('#phone').mask('(999) 999-9999? ext:99999');
});
</script>
<input type="text" id="phone" name="phone" value="" width="10">

如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。

评论(1

深空失忆 2024-08-15 14:10:16

已经说过了,但您可以尝试静态或动态设置输入元素的大小属性。

It's already been said, but you might try setting the size attribute of the input element either statically or dynamically.

~没有更多了~
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文