js实现文本框选中的方法

更新时间：2015年05月26日 15:52:47 作者：忆梦

这篇文章主要介绍了js实现文本框选中的方法,涉及javascript中select()方法的使用技巧,需要的朋友可以参考下

本文实例讲述了js实现文本框选中的方法。分享给大家供大家参考。具体如下：

这段javascript代码可解决文本框获得焦点，即使得文本框的内容被选中。

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>select文件</title>
<script language="javascript" type="text/javascript">
function getFocus()
{
  document.getElementById("test").select();
}
</script>
</head>
<body>
<form id="f1">
<input type="text" id="test" name="test" value="你好嗎？" 
onfocus="getFocus();"/>
</form>
</body>
</html>

希望本文所述对大家的javascript程序设计有所帮助。

您可能感兴趣的文章:

js实现跳一跳小游戏
这篇文章主要为大家详细介绍了js实现跳一跳小游戏，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下
2020-07-07
JavaScript+CSS实现唯美蝴蝶动画
这篇文章主要介绍了JavaScript+CSS实现唯美蝴蝶动画,文章围绕主题展开详细的内容介绍，具有一定的参考价值，需要的小伙伴可以参考一下
2022-07-07
jQuery AJAX回调函数this指向问题
了解JavaScript的人都知道JavaScript的this不总是指向当前对象，函数或类中的this指向与调用这个函数的对象以及上下文环境是息息相关的。
2010-02-02
js如何找出两个数组中不同的元素
这篇文章主要介绍了js如何找出两个数组中不同的元素，具有很好的参考价值，希望对大家有所帮助。如有错误或未考虑完全的地方，望不吝赐教
2022-12-12
常见表单重复提交问题整理及解决方法
常见的重复提交问题如点击提交按钮两次、点击刷新按钮等等，下面为大家整理了防止表单重复提交的方法，感兴趣的朋友可以参考下
2013-11-11
JavaScript 函数惰性载入的实现及其优点介绍
惰性载入表示函数执行的分支只会在函数第一次掉用的时候执行，在第一次调用过程中，该函数会被覆盖为另一个按照合适方式执行的函数，这样任何对原函数的调用就不用再经过执行的分支了
2013-08-08
一个仿Windows UI的html table，兼容IE和firefox
兼容IE和firefox的仿Windows UI的html table
2008-11-11
fabric.js实现diy明信片功能
这篇文章主要为大家详细介绍了fabric.js实现diy明信片功能，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下
2021-03-03
Bootstrap Table使用整理（三）
这篇文章主要介绍了Bootstrap Table使用整理（三）的相关资料,需要的朋友可以参考下
2017-06-06
JS项目中对本地存储进行二次的封装的实现
这篇文章主要介绍了JS项目中对本地存储进行二次的封装,这里我们将要使用到的key存储下来，新建一个叫constant-storage.js的文件，对外暴露一些key的键名，也方便后期统一修改，这里因为都是恒量，所以名称我们都用大写表示，需要的朋友可以参考下
2022-07-07