怎样使一个INPUT框里的文字在框被点击后自动全选或清除？

最新推荐文章于 2022-11-10 16:20:15 发布

kookob

最新推荐文章于 2022-11-10 16:20:15 发布

阅读量1.7w

点赞数

分类专栏： JavaScript 文章标签： input function

JavaScript 专栏收录该内容

18 篇文章 0 订阅

订阅专栏

$("#smsContent").focus(function(){
    this.select();
});

<input name="keywords" type="text" value="关键字" οnfοcus="if(this.value == this.defaultValue) this.value = ''" οnblur="if(this.value == '') this.value = this.defaultValue">

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

kookob

关注关注

0
点赞
踩
1

收藏

觉得还不错? 一键收藏
1
评论
怎样使一个INPUT框里的文字在框被点击后自动全选或清除？

$("#smsContent").focus(function(){ this.select();});
复制链接

扫一扫

专栏目录

200多个js技巧代码

06-10

使用`onFocus` 和 `onMouseOver` 事件使文本框在获得焦点或鼠标悬停时自动全选内容。 ```html <input type="text" name="key" size="12" value="搜索" onFocus="this.select()" onMouseOver="this.focus()" class=...

利用css去除input按钮上的文字的几种方法

weixin_33863087的博客

02-24

658

相信很多时候input上的文字困扰着web前端开发者，必须要通过修改html代码中的value值才能清空按钮上的文字，但很多人不愿意去动html代码，一方面麻烦，另外主要的原因还在于保留文字对seo有好处，对搜索引擎有力的东西当然能保留就保留。今天零度就来告诉大家利用css去除掉input按钮上的文字的几种方法，先看一个例子： <input type="button" style=...

1 条评论您还未登录，请先登录后发表或查看评论

输入框聚焦，点击时清空文本框_表单按钮特效

勇哥学系统

01-25

1557

输入框聚集，点击时清空文本框，以前就用到过，大家经常见到的一个小技巧，常见于搜索框，当没有点击搜索框的时候，搜索框内显示默认文字，当想输入的时候，点击搜索框后，里面的内容就自动清空，由用户去输入，一来提示升用户体验，二来可以在输入框中设置提示文字，方便用户输入。输入框聚焦，点击时清空文本框

input默认选中内容，单击时清楚内容，失去焦点时恢复原来内容

Web魔法师

02-28

5372

为input添加鼠标属性，onmouseover="this.select()"当鼠标移入时，会默认选中input中的内容。当在input内单击时，会自动清除里面的内容，当input失去焦点时，又会自动恢复里面的内容：var inputtext= document.getElementById('input' + number); //获取input的id inputtext.value = it

input 鼠标点击清空默认值

技术积累

12-25

1574

<input name="keywords" type="text" value="请输入短信验证码" οnfοcus="if(this.value == this.defaultValue) this.value = ''" οnblur="if(this.value == '') this.value = this.defaultValue">

input框鼠标点上去全选

yangyulin121的专栏

03-30

3952

当鼠标点击input框时，想让全选input框的所有内容只需要加“onfocus="this.select();”就可以了

js实现搜索栏效果

10-17

2. **全选内容**：为了让用户能快速清除搜索栏内容，可以监听`focus`或`click`事件，当搜索框被聚焦或点击时，全选内容。例如： ```javascript $id("txt").onfocus = function () { this.select(); }; ``` 3. ...

javascript技巧整理

09-11

- `onMouseOver`事件可用于在鼠标移到特定文字上时触发一个函数，如弹出提示。 13. **根据选项改变页面颜色**： - 使用JavaScript动态更改页面颜色，通常基于用户的选择或交互。以上这些JavaScript技巧涵盖了...

计算机英语_计算机常用英语词汇表.doc

06-11

20. **Exit**：退出，离开一个程序或界面。 21. **Edit**：编辑，修改文本、文件等。 22. **Copy**：复制，复制选定的内容。 23. **Cut**：剪切，移除选定内容并将其放入剪贴板。 24. **Paste**：粘贴，从剪贴板...

计算机常用英语词汇表.doc

07-08

51. **Previous, Column, Row**：前一个、列和行，用于导航和定位。 52. **Restart**：重启，停止并重新启动计算机。 53. **Text, Font, Size, Scale**：文本、字体、大小和比例，与格式化相关。 54. **Interface...

element-ui中有关el-input聚焦时全选内容功能的实现

weixin_44490109的博客

11-18

7786

这里写自定义目录标题一、el-input聚焦时全选文本一、el-input聚焦时全选文本在开发过程中，为了实现更好的用户体验，我们在使用input输入框时有时候需要得到焦点的同时全选文本，下面是实现方案。 <el-input @focus="getInputFocus($event)" clearable v-model="consignorName"> </el-input> getInputFocus(event) { console.l

JS做选中input全部删除

Json的知识梦工厂

12-18

2049

//批量删除 function delAll(){ var str = ''; var id = document.getElementsByName('items'); for (var i = 0; i if (id[i].checked) { str = str +i

JSP学习之路（二）：设置input标签中，选择自动清除文本框中的内容

H90P0820的专栏

02-26

2059

设置input标签中的 onfocus事件。 onfocus事件是在对象获得焦点时发生触发。

实现vue el-input框加载自动选中，二次自动选中

string佳佳的博客

09-04

2389

<el-input ref="agin" v-select="true" v-model="insertInfoBcbd"></el-input> 1、加载完成后默认为选中状态（选中和聚焦效果不能并存，insertInfoBcbd一定要赋予初始值，否则不能实现默认选中，只能默认聚焦） directives自定义指令，定义在data同级生命周期： bind：只调用一次...

在vue中如何在input中点击时，选中输入框中所有内容

牛先森家的博客

09-12

9922

在vue中如何在input中点击时，选中所有内容 <input type="text" :placeholder="showLogin === true ? '请输入手机号':'请输入用户名/邮箱'" v-model="userPhone" @click="selectValue($event)" /> methods: { // 点击选中所有 selectValue(e) { cons

多个input设置全选中的两种方式

qq_25261441的博客

11-10

1216

$（.bbbbbb）.each(function(){ 第一种this.checked=true 第二种$（this).prop(checked,checked) })

input的全选与全不选以及全选时取消一个，全选按钮自动取消

weixin_56848461的博客

03-16

792

input的全选与全不选以及全选时取消一个，全选按钮自动取消

移动设备input输入框点击后自动选中内容_带你了解Web自动化测试工具Selenium的使用...

weixin_39621178的博客

11-26

285

Selenium是一个Web浏览器的自动化测试框架，可以模拟用户与浏览器的交互，就像真正的用户在操作一样，例如在输入框中输入文本，选择下拉值和复选框，又或者单击文档中的链接。它还提供了许多其他控件，例如鼠标移动，执行任意JavaScript等等。Selenium支持目前主流的浏览器，包括IE（7, 8, 9, 10, 11）,Mozilla Firefox，Safari，Chrome，Opera等...

input框聚焦时自动全选中