在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方面的问题？您可以在此处尝试测试示例：slider with text input field