宝哥软件园

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

编辑:宝哥软件园 来源:互联网 时间:2021-09-08

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

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

先来看看运行效果截图:

在线演示地址如下:

http://演示。JB 51。net/js/2015/js-鼠标点击-音高-风格-代码/

具体代码如下:

!DOCTYPE HTML PUBLIC '-//W3C//DTD HTML 4.01 Transitional//EN ' ' http://www .w3。org/TR/HTML 4/松散。DTD ' HTML hearteta http-equiv=' Content-Type ' Content=' text/HTML;charset=gb2312'title自动选择文本框/编辑框中的文字/title脚本类型=' text/JavaScript '函数Myselect _ txt(){ if(document。表格1。标题。焦点){文档。表格1。标题。select();} }函数Myselect _ txt area(){ if(document。表格1。内容。焦点){文档。表格1。内容。select();} }/script/head body style=' font-size :12 px '表格宽度=' 443 '高度=' 97 '边框=' 0 '对齐='居中'单元格填充=' 0 '单元格间距=' 0 ' bgcolor=' # F9 F9 F9 '表单名称='表单1 ' tr bgcolor=' # 214994 ' TD高度=' 25 ' colspan=' 2 ' div align=' center ' font color=' # FFFFFF '新闻信息修改/font/div/td /tr tr td宽度='80 '高度=' 28 ' div align=' right ' font color=' # 214994 '新闻标题:/font/div/td td width='363 '输入名称=' title ' type=' text ' size=' 50 ' value='今日新闻头条onClick=' my select _ txt()'/TD/tr tr TD高度=' 20 ' div align=' right ' font color=' # 214994 '新闻内容:/font/div/TD TD row span=' 2 '文本区域名称=' content ' cols=' 50 ' row=' 6 ' OnClick=' my sele _ txt area()'今日,据相关方面报道,/textarea/td /tr tr td高度=' 10 '/TD/tr TD高度=' 32 '列span=' 2 ' div align=' center '输入名称=' add ' type=' submit ' id=' add ' value='添加输入名称='提交'类型='重置'值='重置/div/TD/tr/表单/表格/正文/html希望本文所述对大家的爪哇岛描述语言程序设计有所帮助。

更多资讯
游戏推荐
更多+