不过这东西貌似只能在ie下运行，如果是其他浏览器，得另想办法
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
<head>
<title>文本被选中</title>
<script type="text/javascript">
function selectItem1(){
var mydiv = document.getElementById("myDiv");
var range= document.body.createTextRange();
range.moveToElementText(mydiv)
range.moveEnd('character',-1);
range.moveStart('character',3);
range.select();
}
function selectItem2(){
var obj = document.getElementsByName("textRange")[0];
var range = obj.createTextRange()
range.moveStart("character",10);
range.moveEnd("character",-10);
range.select();
}
</script>
</head>
<body>
<div id="myDiv" onclick="selectItem()">
再过二十天左右就要面临高考了，1321321有许多考222生们目前正在紧张的复习当中。但是在北京出现
</div>
<input type="button" value="选中上面的文本" onclick="selectItem1()" />
</br>
<input type="text" name="textRange" size="100" value="要检查您的网络连接，请单击工具菜单，然后单击 Internet 选项。">
</br>
<input type="button" value="选中上面的文本" onclick="selectItem2()" title="" />
<table border="1">
<tr height="100px">
<td align="center" style="text-align:center" >aaa<img style="margin-left:100px" src="../../Public/Pictures/Sample Pictures/Hydrangeas.jpg" height="100px" width="200px"/><font style="font-size: 18px; font-style: inherit"><b>@33</b></font></td>
</tr>
</table>
</body>
</html>
分享到：
相关推荐
标题中提及的"js实现鼠标点击文本框自动选中内容的方法"主要涉及到的是JavaScript编程语言中的两个概念：鼠标点击事件（onClick）和文本选择事件（select）。在Web开发中，页面上的文本框（input type="text"）或者...
在网页开发中，有时我们需要实现一个功能，让用户在文本框（input type="text"）中自动选择一部分文字，比如默认的提示信息。这个功能在很多场合都很实用，比如登录页面的用户名或密码输入框，可以预设一些提示文字...
在JavaScript编程中，文本框（input type="text"）下拉提示是一种常见的用户交互设计，它可以帮助用户在输入时快速选择或参考预设的选项。在这个实例中，我们结合了JavaScript和Cookie技术来实现这一功能。 首先，...
总结，实现“页面一载入光标定位到文本框,并选中其中文字”的功能，主要步骤包括创建HTML元素，设置CSS样式，以及利用JavaScript进行光标定位和文本选中操作。通过这样的方法，我们可以提升用户在页面交互时的体验，...
被选中的表情需要被“提交”到文本框中，这可能通过设置文本框的`value`属性或使用`innerHTML`来实现。同时，为了保持用户体验的一致性，表情通常以特殊的字符编码（如Unicode或自定义的图形格式）形式存在，这样...
文本框检索是网络应用和软件系统中常见的功能之一，它涉及到用户输入关键词，系统通过一定的算法从大量数据中快速找出与关键词匹配的记录。在网页设计和开发中，这一功能通常与前端交互和后端数据库查询密切相关。在...
在网页设计中，下拉文本框（Dropdown Box）是一种常见的用户界面元素，它允许用户从预定义的一系列选项中选择一个。在某些情况下，当选项数量庞大时，传统的下拉框可能会变得难以操作，因为用户需要滚动很长的距离...
当这个方法被调用在一个文本类型的input元素上时，它将选中该文本框中所有的文本，这样用户就可以直接覆盖原有内容进行编辑。这是一个非常实用的功能，尤其是在需要用户快速编辑已有信息的场合。 在给定的示例代码...
这种设计提高了用户体验，特别是在用户可能不记得确切选项，但知道一部分内容的情况下。 4. **实现原理**：开发者通常会监听文本框的`input`事件，当用户开始输入时，根据输入的内容过滤下拉框中的选项。这可能涉及...
Ajax（Asynchronous JavaScript and XML）是一种在无需重新加载整个网页的情况下，能够更新部分网页的技术。这个文本框自动完成示例是Ajax技术的一个经典应用，它实现了用户在输入文本时，系统能够实时根据输入内容...
### JavaScript 设置文本框中焦点的位置 在Web开发中，经常需要对用户界面进行细致的控制，比如设置文本框中光标或选中的文本位置。这种功能对于提高用户体验、实现特定的功能逻辑非常有用。本文将详细介绍如何使用...
JavaScript（简称JS）是一种轻量级的脚本语言，常用于网页交互和动态网页的开发。在本例中，我们探讨的是如何实现一个基于JS的文本框输入内容智能提示功能，这种功能常见于搜索引擎、输入框自动补全等场景，可以极大...
在实际开发中，为了实现“自做多选下拉框和可联想文本框”，开发者需要掌握HTML、CSS和JavaScript的基本语法，对于前端框架如React或Vue的使用也是必不可少的。同时，理解ComponentOne组件库的API和使用方法，可以...
### JS限制文本框为整数和货币的函数代码 #### 整数限制 在Web开发中，有时我们需要确保用户在特定的输入框中只能输入整数，并且这些整数需要在一个预设的范围内。以下是一个JavaScript函数，用于验证输入是否为...
本文所介绍的知识点主要集中在如何使用JavaScript对网页中的文本框进行实时字符统计，并对输入的字符个数进行限制。以下是详细的知识点说明： 1. JavaScript实现文本框字符统计和限制： 通过JavaScript编程，可以...
3. **JavaScript逻辑**：初始化日历组件，设置当前日期，响应用户点击事件，更新选中的日期，并在用户选择后将日期插入到text文本框中。 例如，展示当前月的日期可以选择如下： ```javascript function ...
根据提供的文件信息，我们可以深入...此外，事件处理机制也是前端开发中不可或缺的一部分，它使得我们的应用能够更加响应用户的交互行为。这些知识点对于初学者来说是非常重要的基础，也是进阶到更复杂前端技术的基石。
3. **绑定选择事件**：当用户点击某一天时，将选中的日期填充到文本框中，并关闭日历。 4. **定位日历**：确保日历在文本框下方或者合适的位置出现。 例如，`showCalendar()`可能会这样实现： ```javascript ...
在本文中，我们将探讨如何利用JavaScript（简称JS）和jQuery框架来实现一个实用的功能：通过选择一个主复选框来控制其他多个复选框的状态以及关联文本框的显示与隐藏。该功能在用户界面设计中非常常见，尤其是在表单...
Ajax（Asynchronous JavaScript and XML）是一种在无需刷新整个页面的情况下，能够更新部分网页的技术。在本示例中，"一个ajax做的联想查询文本框"是一个基于Ajax实现的搜索输入框，其功能是模仿百度搜索框的联想...