Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/html/80.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 如何使HTML文本框不可链接_Javascript_Html_Css - Fatal编程技术网

Javascript 如何使HTML文本框不可链接

Javascript 如何使HTML文本框不可链接,javascript,html,css,Javascript,Html,Css,是否有任何方法可以使文本框不可点击,而不需要禁用文本框或阻止鼠标悬停事件 我无法将文本框设置为禁用,因为这将禁用jQuery工具提示,并且我也无法阻止鼠标悬停事件。我看到的所有解决方案都有这样或那样的效果 为了澄清一点,用户不能选择此框中的文本或将键入指针放在框中。使用标签不起作用,因为我需要它来处理密码字段和普通文本字段。这应该可以做到: $('#textbox').focus(function() { $(this).blur(); }); 我可能误解了这个问题,但这应该行得通 &

是否有任何方法可以使文本框不可点击,而不需要禁用文本框或阻止鼠标悬停事件

我无法将文本框设置为禁用,因为这将禁用jQuery工具提示,并且我也无法阻止鼠标悬停事件。我看到的所有解决方案都有这样或那样的效果


为了澄清一点,用户不能选择此框中的文本或将键入指针放在框中。使用标签不起作用,因为我需要它来处理密码字段和普通文本字段。

这应该可以做到:

$('#textbox').focus(function() {
    $(this).blur();
});

我可能误解了这个问题,但这应该行得通

<input id="noselect" value="hi there"></input>
<script>
  document.getElementById('noselect').addEventListener('focus', function()
  {
    document.getElementById('noselect').blur();
  });
  document.getElementById('noselect').style.cursor = 'default';
</script>

document.getElementById('noselect')。addEventListener('focus',function()
{
document.getElementById('noselect').blur();
});
document.getElementById('noselect').style.cursor='default';

也许可以在其上方放置一个不可见的div,其中包含z-index和pos-absolute,精确填充文本框的高度和宽度。该块悬停以及单击事件不会发生吗?您不能使用
禁用
,因此您可能无法使用
只读
?此文本
input
的用途/功能是什么?确切地说,您不希望用户与它交互?它可以是只读的,并且当前是只读的。人们不能与之交互的原因是,当用户将鼠标悬停在文本框上时,浏览器会自动选择隐藏文本框中的文本,并显示工具提示,通知用户现在可以简单地使用Ctrl+C复制文本框中的文本。如果有人点击该框,它将取消选择我试图避免的文本。这可以完成我在问题中指定的所有操作,但仍然不适用于我的情况。不过,我通过简单地选择每次单击框时需要再次选择的文本来解决这个问题。