onfocus="this.select();"的使用

最新推荐文章于 2021-03-21 15:48:41 发布
最新推荐文章于 2021-03-21 15:48:41 发布
阅读量5.5k 收藏 2
点赞数 2
分类专栏： HTML5 PHP
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/jaray/article/details/41725713
版权
PHP 同时被 2 个专栏收录
116 篇文章 1 订阅
订阅专栏
HTML5
17 篇文章 0 订阅
订阅专栏
在一些文本域中，有时为了提高效率，我们需要在点击文本框的时候，就把文本框中的内容选中，这样可以直接删除，而不用在ctrl+a全选，在用的时候，也先简单，这个函数是内置的，不需要专门写函数代码，而是在<input>标签中直接使用。
jaray
关注
  • 2
    点赞
  • 踩
  • 2
    收藏
    觉得还不错? 一键收藏
  • 2
    评论
专栏目录
Element源码分析系列7-Select(下拉选择框)
weixin_34067102的博客
08-24 2810
简介 Element的下拉选择器示意图如下 确实做的很漂亮，交互体验非常好，html有原生的选择器&lt;select&gt;，但是太丑了，而且各浏览器样式不统一，因此要做一个漂亮且实用的下拉选择器必须自己模拟全部方法和结构，Element的下拉选择器代码量非常大，仅select.vue一个文件就快1000行，而且里面是由Element的其他组件组合而成，算上其他组件的话，又得加上1000行，最...
如何设置select只读不可编辑且select的值可传递
01-19
select style=width:195px name=role id=role onfocus=this.defaultIndex=this.selectedIndex; onchange=this.selectedIndex=this.defaultIndex;> 这种方法可以使下拉框和平常没有区别，看起来没有任何不同。...
当鼠标点击input框时，想让全选input框的所有内容只需要加“onfocus="this.select();”就可以了...
davis_1234的博客
09-27 1579
当鼠标点击input框时，想让全选input框的所有内容只需要加“onfocus="this.select();”就可以了 转载于:https://www.cnblogs.com/mjbrian/p/7600249.html
Javascript事件：this.value()和this.select()
shanshan21cn的专栏
01-23 1969
1.JavaScript的this.value() this.value=''"> 当文本框获得焦点的时候，文本框内容清空   2.JavaScript的this.value() onfocus="this.select()"maxlength="10"style="width:80" > 当文本框获得焦点的时候，文本框内容全选
js焦点事件:onfocus、onblur、focus()、blur()、select()
weixin_30614587的博客
01-03 1089
焦点：使浏览器能够区分用户输入的对象，当一个元素有焦点的时候，那么他就可以接收用户的输入只有能够响应用户操作额元素才可以接收焦点事件，比如：a button input... onfocus：当元素获取到焦点的时候触发 onblur:当元素失去焦点的时候 obj.focus():给指定的元素设置焦点 obj.blur()：取消指定元素的焦点 obj.select()：全选当前的文字...
【JavaScript源代码】JavaScript onblur与onfocus事件详解.docx
12-28
`this.select()`则用于选取文本框中的所有文字，使得用户可以直接键入新内容而无需先手动删除原有内容。 二、onblur（失去焦点事件） 与onfocus相对，onblur事件发生在元素失去焦点时，例如用户点击了页面上的其他...
Js中的onblur和onfocus事件应用介绍
10-26
在这个例子中，当文本框获得焦点时，`onfocus`事件会调用`this.select()`方法，选中文本框内的所有文本。 二、`onblur`事件 相反，`onblur`事件在元素失去焦点时触发，通常发生在用户点击页面上的其他位置或切换到...
HTML中Select不用Disabled实现ReadOnly的效果
09-06
<select onbeforeactivate="return false" onfocus="this.blur()" onmouseover="this.setCapture()" onmouseout="this.releaseCapture()"> <option>1 </select> ``` 这段代码中，我们添加了几个事件监听器来控制`...
设置disabled属性后台读不到数据如何让select支持readonly
01-21
select id=”lstTest” onfocus=”this.defaultIndex=this.selectedIndex;” onchange=”this.selectedIndex=this.defaultIndex;”> <option value=”1″>test1</option> <option value=”2″>test2</option> ...
javascript onfocus()和onselect()方法区别
oscar92420aaa的博客
07-05 1542
onfocus()是获得焦点，onselect()是选中事件，当文本框或者文本域中的文字被选中时，触发onselect事件
Chrome和Safari完美支持onfocus="this.select();" 解决方案
weixin_30379531的博客
11-12 340
<input type="text" value="value" onfocus="this.focused=true;this.select();" onmouseup="if(this.focused){this.focused=false;return false;}"/> 　　 转载于:https://www.cnblogs.com/singles/p/34194...
光标事件之focus()与select()
qq_22048949的博客
01-20 2123
对于一般浏览器来说，focus（）可以获取焦点，而select()函数是选择所有内容，如： 但是，360浏览器并不能识别select(),这就需要通过onmouseup(),（当鼠标 按下又抬起）
javascript表单
langhua9527的专栏
02-18 105
[code="js"] formUtil.html //innerText和innerHTML，outerText和outerHTML的区别 //Hello world //innerText是指Hello //innerHTML是指Hello world //o...
jquery 'this' select的改变
一世辛劳的专栏
12-20 513
$('#efg').click(function(){     $(this).hide(); })
Vue select的使用以及select设置默认选中，element select联动不能选择问题、el-select 多选设置默认选中、el-select获取选中的文字label
林中明月间丶
05-05 1万+
https://blog.csdn.net/weixin_41056945/article/details/92382436 https://blog.csdn.net/u014717572/article/details/83868192 option 选项内容写在JS中的，通过v-for来遍历的： 通过v-model可以获取到选中的值，如果option中存在value属性，优先获取va...
输入框优化
np918的博客
07-22 370
1.自动选中输入框的文字 <input onfocus="this.select()"> 2.鼠标悬停在输入框时改变边框颜色或背景色 （1）css中加入input：hover{border:1px solid #f00} （2）<input onfocus="this.select()" onmouseover="this.style.bordercolor="#f00" o...
下拉框的触发事件分析（onchange、onfocus、onclick）
zhanghuan0303的博客
04-23 1万+
select的onChange事件问题解决（onchange、onfocus、onclick、onmousedown） 一、onChange事件只有在值改变时才可触发，所以必须在每一次选择时（尤其第一次）保证选择的值是改变的！ 所以 selected>个人//在这要选定一个默认的值 “selected” 单位 这样在选择第二个时，值就会变即可触发onChang
php服务不可用,ThinkPHP/Library/Vendor/Tcpdf/fonts/uni2cid_ak12.php · 白俊遥/thinkphp-bjyadmin - Gitee.com...
热门推荐
weixin_39630441的博客
03-21 64万+
// unicode to cid conversion table is from// ftp://ftp.oreilly.com/pub/examples/nutshell/cjkv/adobe/// cid2code.txt in ak12.tar.Z$cidinfo['uni2cid'] = array(32=>1,33=>2,34=>3,35=>4,36=>...
.hidden_a_line{ noline:expression(this.onfocus=this.blur); }
最新发布
06-09
这是一段 CSS 代码，用于隐藏 HTML 元素的下划线。它使用了一个 IE 特有的属性 expression，该属性可以让开发者在 CSS 中使用 JavaScript 表达式。在这个例子中，当用户点击元素时，它会失去焦点，从而隐藏下划线。需要注意的是，由于 expression 属性是 IE 特有的，因此这段代码只能在 IE 浏览器中生效。
评论 2
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值