正文 

当前位置： 首页 > 知识 >

如何在 JavaScript 中的单击输入框中选择文本？ [复制]

     2023-04-18     271

关键词：

【中文标题】如何在 JavaScript 中的单击输入框中选择文本？ [复制]【英文标题】：How to select text on click input box in JavaScript? [duplicate] 【发布时间】：2020-06-18 07:05:20 【问题描述】：

我是 JavaScript 新手，正在构建一个应用程序，在该应用程序中，如果元素是类型，我想在单击网页上的元素时选择文本（类似于右键单击并全选）输入。这可以做到吗？如果是这样，我将如何去做。任何信息将不胜感激。

【问题讨论】：

希望有人能理解你的意思，因为我不知道你在问什么。 我正在寻找 JavaScript，因为当我单击 HTML 文档中的任何元素时，如果单击的元素是文本输入框，我可以模拟右键单击该元素并单击“全选”从上下文菜单中 参考：***.com/questions/4067469/… 这能回答你的问题吗？ Selecting all text in HTML text input when clicked 【参考方案1】：

你可以在你的body标签底部添加这个脚本

<script>
  document.querySelectorAll('.js-select-input').forEach(input => 
    input.addEventListener('click', (e) => e.currentTarget.select())
  )
</script>

对于您希望具有此自动选择功能的每个输入，添加类“js-select-input”，如下例所示：

<input class="js-select-input" value="foo">

【讨论】：

【参考方案2】：

使用select 方法来实现这一点。 在输入的onfocus事件的回调函数中使用select方法。 为了更好地理解，请参见以下示例：

function testFunc(focusedInput) 
  focusedInput.select();

<!DOCTYPE html>
<html>

<head>
</head>

<body>
  <input id="test-input" type="text" name="test-input" value="default-value" onfocus="testFunc(this)">
  <script>
    function testFunc(focusedInput) 
      focusedInput.select();
    
  </script>
</body>

</html>

【讨论】：

如何使用jquery禁用列表框中的多项选择？还是javascript？

我的页面上有一个列表框。<td><%=Html.ListBox("listServiceTypes",Model.ServiceTypeListAll,new{style="width:500px;height:200px;"})%>我需要禁用从列表框中选择多个项目？我正在做类似选择一项的操作，然后单击删除按钮在页面上从列表框中删... 查看详情

如何在单击时从 Column(0) 中的列表框中引用值？

】如何在单击时从Column(0)中的列表框中引用值？【英文标题】：HowdoIreferenceavaluefromalistboxinColumn(0)onclick?【发布时间】：2012-09-2713:24:42【问题描述】：我有一个基于先前过滤器（文本框）填充的列表框。这意味着列表框中没有预... 查看详情

从下拉框中随机选择一个选项，然后单击以激活另一个在 Javascript 中使用 onChange 的函数

...从下拉框中随机选择一个选项，然后单击以激活另一个在Javascript中使用onChange的函数【英文标题】：RandomlychooseanoptionfromthedropdownboxandclicktoactivateananotherfunctionthatusesonChangeinJavascript【发布时间】：2021-11-0212:20:43【问题描述】：我... 查看详情

如何在文本框中输入值后单击输入更改图像？

】如何在文本框中输入值后单击输入更改图像？【英文标题】：Howtochangeimageonclickingenterafterenteringvalueintextbox?【发布时间】：2022-01-2114:57:22【问题描述】：“asset/image”文件夹中有一堆图片。我们必须在文本框中查看并输入图片... 查看详情

如何在选中复选框时选择列表框中的所有项目？

】如何在选中复选框时选择列表框中的所有项目？【英文标题】：HowdoIselectallitemsinalistboxoncheckboxchecked?【发布时间】：2010-10-3008:57:17【问题描述】：单击CheckBox时，我需要选择ListBox中的所有项目。是否可以使用一行代码选择ListBo... 查看详情

如何在右键菜单栏添加cmd

如何在右键菜单栏添加cmd要在右键菜单栏添加cmd，可以按照以下步骤操作：打开注册表编辑器。按下Windows键和R键，在运行框中输入"regedit"并按下回车键。导航到HKEY_CLASSES_ROOT\\Directory\\Background\\shell。右键单击shell，并选择新建项... 查看详情

如何把两张图片拼接在一起?

两张图片如何快速的拼接在一起，接下来就演示操作步骤。1、首先在windows7旗舰版中，打开美图秀秀版本号6.3.3.0，在“美图秀秀”软件管理界面中，选择【拼图】进入。2、在“拼图”弹出窗中，选择【打开图片】进入。3、在“... 查看详情

当用户从 MS Access 的组合框中选择“其他”时，如何显示输入表单？

】当用户从MSAccess的组合框中选择“其他”时，如何显示输入表单？【英文标题】：HowdoIdisplayaninputformwhenauserselects"other"fromacomboboxinMSAccess?【发布时间】：2010-03-1906:12:05【问题描述】：这与“单击选择框中的项目，然后显... 查看详情

Javascript在选择时将值生成到表单文本框中

】Javascript在选择时将值生成到表单文本框中【英文标题】：Javascriptproducingavalueintoaformtextboxonselection【发布时间】：2013-05-1018:21:01【问题描述】：试图弄清楚如何使用javascript在表单的文本框中动态生成文本。我想从我所做的下拉... 查看详情

如何在access2007的窗体中实现点击按钮打开另一个窗体？？？

参考技术A1、打开要操作的数据库，在左侧导航窗格中，右击要使用的窗体，在弹出菜单中选择“设计视图”。2、确定“使用控件向导”按钮处于选中状态，然后单击选中“控件”组中的“按钮”控件，在窗体中的适当位置单击... 查看详情

使用javascript计算文本框值

】使用javascript计算文本框值【英文标题】：countthetextboxvaluesusingjavascript【发布时间】：2011-08-1302:15:00【问题描述】：我已经使用javascript动态添加了行。现在我必须对文本框中的值求和。如果我单击添加按钮，将添加同一行。现... 查看详情

单击按钮后，如何清除 VueJS 中的输入文本？

】单击按钮后，如何清除VueJS中的输入文本？【英文标题】：HowcanIclearmyinputtextinVueJSafterabuttonisclicked?【发布时间】：2018-09-2022:55:45【问题描述】：我希望在按下输入按钮并将addTask函数添加到列表后清除输入框中的文本。我试过do... 查看详情

如何强制文本框中的输入语言为英语

】如何强制文本框中的输入语言为英语【英文标题】：HowtoforceinputlanguageinatextboxtobeEnglish【发布时间】：2020-10-0101:46:27【问题描述】：它更像是应用程序中的一种化妆品，但假设有人在文本框中输入他的电子邮件，并且他安装了3... 查看详情

cad如何建立属性块

1.选择“绘图”——“块”——“创建”菜单，打开“块定义”对话框。2.在“名称”编辑框中输入块的名。3.在“基点”设置区单击“拾取点”，然后在绘图区中拾取中心线的交点作为插入基点，或直接在对话框中输入该点坐标... 查看详情

asp.net 中的简单应用程序，用户在文本框中输入金额并单击使用贝宝结帐

】asp.net中的简单应用程序，用户在文本框中输入金额并单击使用贝宝结帐【英文标题】：simpleapplicaitoninasp.netwhereuserentersamountintextboxandclickscheckoutwithpaypal【发布时间】：2014-10-2615:28:21【问题描述】：我需要在我的asp.net网站中进... 查看详情

如何在单击选择中的选项时删除蓝色突出显示

...选项的asp:listbox。<selectsize="4"name="ItemContainerBox"onchange="javascript:setTimeout(\'__doPo 查看详情

XCode：如何在 UIWebView 中输入 javascript 以单击链接（但链接每次都不同）

】XCode：如何在UIWebView中输入javascript以单击链接（但链接每次都不同）【英文标题】：XCode:HowcanIinputjavascriptintoUIWebViewtoclickonalink(butthelinkisdifferenteachtime)【发布时间】：2011-12-0119:51:22【问题描述】：我正在尝试使用UIWebView单击网... 查看详情

如何在 Kivy 的相应文本输入区域中获取输出？

】如何在Kivy的相应文本输入区域中获取输出？【英文标题】：HowtogetoutputsintheircorrespondingtextinputareasinKivy?【发布时间】：2017-06-0314:32:42【问题描述】：我正在尝试在相应的文本输入框中显示一些输出，但是当我单击更新按钮时，... 查看详情