js实现鼠标点击文本框自动选中内容的方法


Posted in Javascript onAugust 20, 2015

本文实例讲述了js实现鼠标点击文本框自动选中内容的方法。分享给大家供大家参考。具体如下:

这里使用JS实现鼠标点击时自动选中文本框文本的效果,相信许多朋友都遇到这种功能的,就是当我们点击文本框的时候,文本框中默认的文字会被全部选中,这样当你输入的时候不用再去选择,省去了一些麻烦,提高了输入效率,用户肯定会喜欢这功能,那么实现的方法是怎么样呢?通过本代码你就搞明白了。

先来看看运行效果截图:

js实现鼠标点击文本框自动选中内容的方法

在线演示地址如下:

具体代码如下:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<title>自动选择文本框/编辑框中的文字</title>
<script type="text/javascript">
function Myselect_txt(){
 if (document.form1.title.focus){
 document.form1.title.select();}
}
function Myselect_txtarea(){
 if (document.form1.content.focus){
 document.form1.content.select();}
}
</script>
</head>
<body style="font-size:12px">
<table width="443" height="97" border="0" align="center" cellpadding="0" cellspacing="0" bgcolor="#f9f9f9">
 <form name="form1">
 <tr bgcolor="#214994">
  <td height="25" colspan="2"><div align="center"><font color="#FFFFFF">新闻信息修改</font></div></td>
 </tr>
 <tr>
  <td width="80" height="28"><div align="right"><font color="#214994">新闻标题:</font></div></td>
  <td width="363"><input name="title" type="text" size="50" value="今日新闻头条" onClick="Myselect_txt()"></td>
 </tr>
 <tr>
  <td height="20"><div align="right"><font color="#214994">新闻内容:</font></div></td>
  <td rowspan="2"><textarea name="content" cols="50" rows="6" onClick="Myselect_txtarea()">今日,据相关方面报道,...</textarea></td>
 </tr>
 <tr>
  <td height="10"> </td>
 </tr>
 <tr>
  <td height="32" colspan="2">
  <div align="center">
   <input name="add" type="submit" id="add" value="添加">
 
   <input name="Submit" type="reset" value="重置">
  </div></td>
 </tr>
 </form>
</table>
</body>
</html>

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

Javascript 相关文章推荐
基于jQuery的一个扩展form序列化到json对象
Dec 09 Javascript
用JavaScript获取DOM元素位置和尺寸大小的方法
Apr 12 Javascript
JavaScript将数据转换成整数的方法
Jan 04 Javascript
js报$ is not a function 的问题的解决方法
Jan 20 Javascript
从零学JS之你需要了解的几本书
May 19 Javascript
javaScript中with函数用法实例分析
Jun 08 Javascript
详解JavaScript UTC时间转换方法
Jan 07 Javascript
jquery一键控制checkbox全选、反选或全不选
Oct 16 jQuery
详解使用React全家桶搭建一个后台管理系统
Nov 04 Javascript
微信小程序实现文件、图片上传功能
Aug 18 Javascript
JS数组方法reduce的用法实例分析
Mar 03 Javascript
vue+elementUI 实现内容区域高度自适应的示例
Sep 26 Javascript
js实现文字在按钮上滚动的方法
Aug 20 #Javascript
jquery实现漫天雪花飞舞的圣诞祝福雪花效果代码分享
Aug 20 #Javascript
js实现网页多级级联菜单代码
Aug 20 #Javascript
javascript常用的方法整理
Aug 20 #Javascript
JS实现的Select三级下拉菜单代码
Aug 20 #Javascript
遮罩层点击按钮弹出并且具有拖动和关闭效果(两种方法)
Aug 20 #Javascript
JS实现支持多选的遍历下拉列表代码
Aug 20 #Javascript
You might like
PHP通过文件路径获取文件名的实例代码
2018/10/14 PHP
让innerHTML的脚本也可以运行起来
2006/07/01 Javascript
用javascript实现计算两个日期的间隔天数
2007/08/14 Javascript
支持ie与FireFox的剪切板操作代码
2009/09/28 Javascript
JavaScript 字符串处理函数使用小结
2010/12/02 Javascript
jQuery选择id属性带有点符号元素的方法
2015/03/17 Javascript
总结十个Angular.js由浅入深的面试问题
2016/08/26 Javascript
详解javascript表单的Ajax提交插件的使用
2016/12/29 Javascript
深入探究angular2 UI组件之primeNG用法
2017/07/26 Javascript
Element-ui tree组件自定义节点使用方法代码详解
2018/09/17 Javascript
vue forEach循环数组拿到自己想要的数据方法
2018/09/21 Javascript
JavaScript中的事件与异常捕获详析
2019/02/24 Javascript
微信小程序bindinput与bindsubmit的区别实例分析
2019/04/17 Javascript
微信小程序云开发之模拟后台增删改查
2019/05/16 Javascript
微信小程序绘制图片发送朋友圈
2019/07/25 Javascript
[46:21]Liquid vs LGD 2018国际邀请赛淘汰赛BO3 第一场 8.23
2018/08/24 DOTA
[03:01]完美盛典趣味短片 DOTA2年度最佳&拉胯英雄
2019/12/07 DOTA
浅析Python多线程下的变量问题
2015/04/28 Python
Python设计模式编程中Adapter适配器模式的使用实例
2016/03/02 Python
Python中将字典转换为列表的方法
2016/09/21 Python
Python闭包和装饰器用法实例详解
2019/05/22 Python
python实现集中式的病毒扫描功能详解
2019/07/09 Python
Django结合ajax进行页面实时更新的例子
2019/08/12 Python
解决Pycharm 包已经下载,但是运行代码提示找不到模块的问题
2019/08/31 Python
PyCharm+Miniconda3安装配置教程详解
2021/02/16 Python
碧欧泉法国官网:Biotherm法国
2019/10/23 全球购物
到底Java是如何传递参数的?是by value或by reference?
2012/07/13 面试题
初中生自我鉴定
2014/02/04 职场文书
电子商务实训报告总结
2014/11/05 职场文书
2015年度学校卫生工作总结
2015/05/12 职场文书
2015年小学教科研工作总结
2015/07/20 职场文书
创业计划书之少年玩具店
2019/09/05 职场文书
基于Redis延迟队列的实现代码
2021/05/13 Redis
使用GO语言实现Mysql数据库CURD的简单示例
2021/08/07 Golang
mysql使用instr达到in(字符串)的效果
2022/04/03 MySQL
springboot用户数据修改的详细实现
2022/04/06 Java/Android