firefox - 在 Firefox 的文本输入字段中，光标不跟随鼠标单击

Question

我创建了一个简单的 Jquery 滑块：

<div id="slider"></div>

并使用 Javascript 将一个文本输入字段附加到滑块处理程序：

$( "#slider" ).slider();
var value = "<input id='handler1InputValue' type = 'text' spellcheck = 'false'      style='position:absolute;width:70px;height:15px;text-align:center;left:-2px;font-size:10px;display:block;' ></input>";
$( ".ui-slider-handle" ).html(value);
$( ".ui-slider-handle" ).unbind();
$( "#handler1InputValue" ).val(77777);

但是在 Firefox 中，光标在文本输入字段中不会跟随鼠标单击，鼠标选择也不起作用，而在 Chrome 端一切正常。

有人知道如何解决 Firefox 端的问题吗？您可以在此处尝试测试示例： 带文本输入字段的滑块