javascript - 选择文本时 Firefox 输入无法滚动

标签 javascript html css firefox

我有一个点击选择的输入:

<input onClick="this.select();" type="text" name="country" value="Norwayasdasdasddddddddddddddddddddddddddddddddddddddd" readonly><br>

问题是,在 Firefox 中,我第一次可以通过按住鼠标左键向右滚动。那么,我不能做第二次了。当我想第二次滚动查看完整值时,整个文本都被选中,我无法再滚动了。我在 Chrome 中没有这个问题。

请帮忙!

谢谢, 昆西

最佳答案

一种解决方案是通过记住上次单击时是否选择了文本来使单击成为切换。所以添加一个变量

var selection = false;

并将 onclick 处理程序更改为

if (selection = !selection) this.select();

然后第一个 slick 将选择所有文本,下一次单击将取消选择它,等等。参见 JSFiddle .


编辑:另一种方法是在鼠标按下时取消选择文本。这将更接近您的需要。

<input onMouseDown="this.setSelectionRange(0,0)" onClick="this.select();"
type="text" name="country"
value="Norwayasdasdasddddddddddddddddddddddddddddddddddddddd" readonly>

参见 other JSFiddle .

关于javascript - 选择文本时 Firefox 输入无法滚动,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/29439467/

相关文章:

javascript - 如何将一个长方形分割成数量相等的正方形?

javascript - 获取 'px' 中的大小而不是百分比

javascript - 验证依赖于复选框 JS 的多个文本字段

javascript - D3 (v3) 在单击另一个圆后重置先前的动画圆

html - 无法加载资源 : the server responded with a status of 404 (Not Found) css

jquery - 创建调色板

javascript - 向 Javascript 脚本添加更多 ID 或类

css - 链接在 float div 中不起作用

javascript - .replace 在 Firefox 中不起作用?

javascript - 经历淡入/淡出循环的 Div 突然闪烁