onfocus="this.blur()" 文本框不可点击输入

最新推荐文章于 2023-07-04 09:45:41 发布
原创 最新推荐文章于 2023-07-04 09:45:41 发布 · 875 阅读 · 0 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。

博客内容提及了onfocus=\this.blur()\，这在前端开发中常用于元素聚焦相关操作，可避免元素获得焦点，是前端交互设计里的一个小技巧。
onfocus="this.blur()"
html代码文本框限制输入、文本框变灰色、限制文本框输入.doc
07-17
在Web开发过程中，对HTML文本框进行限制输入，以及使其显示为灰色不可编辑状态是常见的需求。这样的需求通常通过在HTML元素中使用特定的属性或JavaScript代码来实现。本文将详细介绍如何通过多种方法实现这些功能。 ...
html代码文本框限制输入-文本框变灰色-限制文本框输入.doc
最新发布
07-13
本文档主要探讨了如何利用HTML标签属性限制文本框的输入，并使文本框变灰显示，以告知用户该文本框目前不可编辑。具体方法包括使用readonly属性、disabled属性，以及通过JavaScript控制焦点。 首先，设置readonly...
onFocus="this.blur()"
weixin_39407291的博客
06-27 2238
<input name="result" id="result" type="text" onFocus="this.blur();" size="20" value=""> onfocus是聚焦的意思，当你把光标放在文本框上输入的时候，就是聚焦，但这里添加了"this.blur()"，blur的作用就是去除聚焦，也就是你不能把光标放在这个文本框上，换句话说就是你不能输入文本了 整...
WEB前端 -- onfocus="this.blur()"
叶的博客
03-06 4062
focus是一个事件，前面加个on表示在这个事件发生的时候执行等号后面的预警，而blur()是this的一个方法，this.blur()就是让这个对象失去焦点。总之：作用就是在某对象获得焦点时使其失去焦点。这个语句仅仅是为了消除链接获取焦点（如tab键）后的虚线框&lt;body&gt; &lt;a href="#" &gt;第一个链接&lt;/a&gt; &lt;a href="#" &...
Web丨onfocus = "this.blur();" 这个语句是什么意思？
万人坑
07-15 2662
focus 是焦点事件，前面加 on 则表示在这个事件发生的时候同时执行等号后面的语句， “this.blur();” 就是让对象失去焦点的意思。总结就是：在对象获得焦点的同时使其失去焦点。开发中就是使设备不能通过焦点事件触发其辅助功能，比如说手机的数字键盘弹出。...
onFocus="this.blur()"的解释
10-09 622
onFocus="this.blur()" onFocus即获取焦点的意思，而blur却是失去焦点的意思，因此onFocus="this.blur()"的通俗理解就是：当获取焦点时立即失去焦点，听起来的确有点绕，那么这种方法到底有何使用价值呢？ 1、当你在使用一个文本框时，且在某种情况下有想让文本框不能操作（无法输入文本），这时可以使用onFocus="this.blur()"，即你...
onblur事件和onfocus事件失效
学习笔记，不喜勿喷！！勿喷！！
11-17 2736
先看onblur事件和onfocus事件的定义： <element onblur="SomeJavaScriptCode"> <element onfocus="SomeJavaScriptCode"> 双引号中的内容是一段js代码，也可以是一个事件函数 在看几个例子： <!DOCTYPE html> <html> ...
var text = document.getElementsByTagName('input'); text[0].onfocus = function () { // 手机注册获得焦点事件 if (this.value === '手机') { this.value = ''; } this.style.color = '#333'; }; text[0].onblur = function () { // 手机注册失去焦点事件 if (this.value === '') { this.value = '手机'; } this.style.color = '#999'; // 失去焦点需要把文本框里面的文字颜色变浅色 }; text[1].onfocus = function () { // 微信注册获得焦点事件 if (this.value === '微信') { this.value = ''; } this.style.color = '#333'; }; text[1].onblur = function () { // 微信注册失去焦点事件 if (this.value === '') { this.value = '微信'; } this.style.color = '#f00'; // 失去焦点需要把文本框里面的文字颜色变为红色 };
05-07
不过，我注意到第二个输入框在失去焦点时可能颜色设置有问题，比如用户输入内容后，失去焦点时颜色变红，这可能不符合常规设计，但可能是用户的需求。 接下来，我需要分析这段代码可能存在的问题。首先，...
HTML实现文本框只读不能修改其中的内容
12-14
-- 方法2:readonly 文字不会变色，也是不可编辑的--> <input type="text" name="input1" value="中国" readonly> <input type="text" name="input1" value="中国" readonly="true"> <!-- 方法3
html代码文本框限制输入 文本框变灰色 限制文本框输入
09-28
有时，为了特定的用户体验或安全需求，我们可能需要限制用户的输入，或者让文本框看起来不可编辑。以下将详细介绍如何通过不同的方法实现这些功能。 ### 1. 设置`readonly`属性 `readonly`属性用于创建一个只读的...
A标签的虚线
caibinghong的专栏
05-20 580
    盲人站长深恶痛绝的onfocus=”this.blur()” 这篇文章是淘宝的妙净写的   杭州最美的季节里，淘宝无障碍访问改善小组有幸邀请到盲人在线站长——争渡读屏团队成员——杨永全同学和我们一起面对面交流网站无障碍访问方面的问题。杨同学使用电脑必须使用读屏软件，就像他看不到我们的脸必须靠声音识别我们一样。在谈到读屏软件操作页面时，他对我们前端的同学特别...
IE中HTML标签的unselectable=on属性与文本框失去焦点的问题
iteye_16726的博客
06-03 815
[code="java"] window.onload=function(){ document.getElementById("txt").onblur = function(){ alert("文本框失去焦点"); } } ...
this.blur()
weixin_34162695的博客
03-14 365
<inputonfocus="this.blur();"type="text"style="border:0px;"id="ry_xm"value=""readonly="readonly"/> this.blur():取消聚焦，也就是说，鼠标不能放在该文本框上。 当显示数据的时候不准再修改数据时可以这样用。 转载于:http...
每日总结20230703: onpaste=“return false” 和 on focus=“this.blur()”，display：flex
weixin_43735471的博客
07-04 527
失去焦点、不可粘贴、通过id获取value值，disPlay:flex---通过将其应用于容器元素，可以实现灵活的自适应布局
关于使用onfocus=”this.blur()”的利与弊
weixin_30339969的博客
06-11 613
onfocus=”this.blur()”这句代码有没有觉得眼熟？没错，我们常用它来去除链接取得焦点时外围出现的虚线框（如图一），google一下，前面几十页谈的都是这个去除虚线框的技巧。但我们也许以前从未想过：我们的这行代码给盲人用户们带来了巨大的困扰：这中断了盲人用户的Tab键路径，导致Tab光标无法聚焦页面的下一个控制器（链接、表单域、object、image map等）。测试如下： ...
解决 在chrome浏览器下 input的autocomplete="off"失效，导致的自动填充问题
summer_my_sunshine的博客
06-13 1882
1.将密码框的type写成text； 2.添加onfocus="this.type='password'"，聚焦后将当前输入框类型改为password，这样子在页面加载时就不会自动填充（不过如果进入页面就先点击密码框还是会自动填充，但是输入账号后再输入密码则不会）； 3.如下： <input type="text" class="test" id="test" placeholder="请输...
ie11下window.event.returnVaue=false;无效
weixin_30496751的博客
07-28 439
1、需求 在ie8及以上版本浏览器中，输入框只能输入大小写字母、数字、空格。 2、阶段一 js代码： /*** 只能是英文和数字以及空格 <input onkeydown="onlyEngNumSpace();">*/function onlyEngNumSpace() { //alert(event.keyCode + "event.shiftKey=" + eve...
Chrome禁用浏览器的密码框自动保存密码提示输入（'autocomplete="off"'在Chrome中不起作用解决方案）,以及密码和用户名回填无问题
张大晴的博客
09-17 3088
1.Chrome禁用浏览器的密码框自动保存密码提示输入 最近在做项目的时候，要求项目的密码框不显示所记住密码的提示框（就是密码输入框点击不显示该网站所保存的密码列表），然后试了很多方法。autocomplete="off"无效，οnfοcus="this.type='password'"无效等等。 然后发现了chrome自动保存密码提示的规则：1.input的id，2.input的name。 ...
'autocomplete="off"'在Chrome中不起作用解决方案
热门推荐
小记心得
08-05 8万+
最近项目中遇到一个令人头疼的问题，查阅各种资料，尝试各种方法，最终得以解决；哎···下面就说说这心酸的历程吧。 大家都知道autocomplete属性是表单字段中的HTML5新属性，该属性有两种状态值，分别为"on" 和 "off"，该属性可省略：省略属性值后默认值为"on"，也可以省略属性名，直接写入关键字on或off。 网站项目中，有登录和注册的弹框，在除chrome的浏览器中一切都ok，
.hidden_a_line{ noline:expression(this.onfocus=this.blur); }
06-09
它使用了一个 IE 特有的属性 expression，该属性可以让...在这个例子中，当用户点击元素时，它会失去焦点，从而隐藏下划线。需要注意的是，由于 expression 属性是 IE 特有的，因此这段代码只能在 IE 浏览器中生效。
评论
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
红包 添加红包
表情包 插入表情
表情包 代码片
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值