Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/405.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

Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/77.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_Jquery_Html - Fatal编程技术网

Javascript HTML文本框输入-始终在单击时选择所有文本

Javascript HTML文本框输入-始终在单击时选择所有文本,javascript,jquery,html,Javascript,Jquery,Html,如何在html文本输入中实现以下行为:当用户单击输入时,所有文本都将被选中,即使它已经被选中。因此,不可能删除/选择某些字符 目前我有以下几点: elm.on('click',函数(e){ e、 预防默认值(); $(this.select(); }); 但如果选择了文本,则单击会显示一个carret 因此,不可能删除/选择某些字符 为此,我建议在您的输入中使用readonly: <input readonly type="text" ... 看这把小提琴:下面是简单的代码: $("i

如何在html文本输入中实现以下行为:当用户单击输入时,所有文本都将被选中,即使它已经被选中。因此,不可能删除/选择某些字符

目前我有以下几点:

elm.on('click',函数(e){
e、 预防默认值();
$(this.select();
});
但如果选择了文本,则单击会显示一个carret

因此,不可能删除/选择某些字符

为此,我建议在您的输入中使用
readonly

<input readonly type="text" ...
看这把小提琴:

下面是简单的代码:

$("input[type='text']").on("click", function () {
    //select the text in text field
    $(this).select();
});
编辑: 如果元素已经在elm变量中,则不需要编写jQuery选择器。您可以使用:

elm.on("click", function () {
    //select the text in text field
    $(this).select();
});
这是一个有趣的

诀窍不是在
单击事件上执行
preventDefault()
,而是执行
mouseDown
事件

$('#clickme').on('mousedown', function(e) {
  e = e || window.event;
  e.preventDefault();
  $(this).select();
});

这是一个答案,我从他那里得到了答案,他已经有了密码
elm
将是他在前一行中选择的元素。确定吗?您在第一篇文章中没有对代码做出任何贡献。您的答案和随后的编辑不会试图回答此问题。阅读问题。它与如何选择element.tnx无关,这很好,但超时似乎是一种代码味道,所以我选择了willcwf的answer@NirSmadar他的代码在Chrome for Android上对我不起作用。@rybo1114 tnx,我不需要移动支持你在移动设备上试用过吗?要在Chrome for Android中选择它,您必须轻按输入,然后轻按远离输入,然后再次轻按。
$('#clickme').on('mousedown', function(e) {
  e = e || window.event;
  e.preventDefault();
  $(this).select();
});