`
asd14828
  • 浏览: 30150 次
  • 性别: Icon_minigender_1
  • 来自: 太原
社区版块
存档分类
最新评论

javascript的this.blur()

    博客分类:
  • js
 
阅读更多
<input name="result" id="result" type="text" onFocus="this.blur();" size="20" value=""> 

是一个输入框,用户输入文本的框就是类似于百度的搜索框,大小是20,value=""说明初始为空
onfocuse="this.blur()"
onfocuse是聚焦的意思,当你把光标放在文本框上输入的时候,就是聚焦,但这里添加了"this.blur()",blur的作用就是去除聚焦,也就是你不能把光标放在这个文本框上,换句话说就是你不能输入文本了
----------
整个代码构成了"不能输入任何文本的文本框"
分享到:
评论

相关推荐

    盲人站长深恶痛绝的onfocus=”this.blur()”

    “onfocus='this.blur()'”是一个JavaScript事件处理函数,它会在元素获得焦点时立即移除焦点,通常用于消除链接或按钮在获得焦点时周围的虚线边框。然而,这个技术对于使用屏幕阅读器的盲人用户来说是极其不利的。...

    163和126的邮箱设计模板

    自己整理的163邮箱模板,...this.blur()" &gt;收信&lt;/a&gt;&lt;a href="javascript:fGoto();" class="compose" hidefocus="true" onClick="fGoto('CC.goOutlink(\'/163/xiexin/index.jsp.htm\');');this.blur()"&gt;写信&lt;/a&gt;&lt;/div&gt; ...

    【JavaScript源代码】vue使用rules实现表单字段验证.docx

    一旦定义了验证规则,你可以使用`this.$refs`来访问表单并调用`validate`方法进行整体验证,或者使用`resetFields`方法重置所有字段。例如: ```javascript this.$refs.rulesForm.validate((valid) =&gt; { if ...

    CSS自定义属性Expression

    这里的`star`是自定义的属性名,`expression(onfocus=this.blur())`则是JavaScript代码,用于在链接获得焦点时自动模糊,从而消除虚线框。这种方式大大减少了代码量,提高了效率。 然而,需要注意的是,当表达式...

    javascript常用代码.pdf

    - 当用户点击图片链接时,周围通常会出现虚线边框,这可以通过在`&lt;a&gt;`标签上添加`onFocus`事件来消除,如`&lt;a href="#" onFocus="this.blur()"&gt;&lt;img src="logo.jpg" border=0&gt;&lt;/a&gt;`。 3. **电子邮件表单提交**: -...

    JavaScript网页表单元素Input的高级用法

    document.getElementById("txtInput").blur(); ``` #### 2. 只读模式下的输入框 有时候我们需要让某个输入框处于只读状态,但仍然保持可选中的特性,此时可以使用`readonly`属性: ```html ``` #### 3. 自动...

    使用JS CSS去除IE链接虚线框的三种方法

    方法一:利用javascript的onfocus事件,实现如下:Html代码 代码如下:设计蜂巢如果引入了jQuery框架则可以利用它的事件绑定机制:Js代码 代码如下:$(‘a’).bind(‘focus’, function(){ if(this.blur){ //如果支持...

    在js(jquery)中获得文本框焦点和失去焦点的方法

    介绍两个方法和种是利用javascript onFocus onBlur来判断焦点和失去焦点,加一种是利用jquery $("p").blur(); 或$("p").blur(fn)来实现,有需要的朋友可以参考一下

    图片链接无虚线,保证在ff和ie下正常运行

    为了确保图片链接在FF和IE浏览器下均无虚线效果,开发者可以灵活运用JavaScript和CSS技术,通过`this.blur()`、设置`outline: none`或两者结合的方式来实现这一目标。在实际项目中,建议进行充分的测试以确保在各种...

    网页内容placeholder占位特效.zip

    if ($this.val() == '' || $this.val() == $this.attr('placeholder')) { $this.val($this.attr('placeholder')); } }); }); }); ``` 此外,CSS可以用来控制占位符文本的样式,比如颜色和透明度,以达到与页面...

    js表单输入提示内容

    2. JavaScript代码:在JavaScript中,我们可以监听`focus`和`blur`事件来实现输入提示。当用户聚焦输入框时显示提示,失去焦点时隐藏提示。 ```javascript var inputField = document.getElementById('inputField')...

    mootools tips

    blur: this.showTip.bind(this) }); }, hideTip: function(){ if (this.tip && !this.element.value) { this.tip.setStyle('display', 'none'); } }, showTip: function(){ if (this.tip) { this.tip....

    jQuery的简单验证实例

    &lt;SCRIPT LANGUAGE="JavaScript"&gt; $(function(){ $('form :input').blur(function(){ $(this).removeClass("warning").parents("td") .find("span.error").remove() .end() .find("span.ok").remove(); var ...

    Dynamic-Text-.rar_javascript

    document.getElementById('dynamicTextBox').addEventListener('blur', saveInput); // 在文本框失去焦点时保存 ``` 综上所述,"Dynamic-Text-.rar_javascript"项目可能是一个展示如何利用JavaScript创建动态文本框...

    JavaScript日历控制

    calendarInput.addEventListener('blur', function() { setTimeout(function() { calendar.hide(); }, 100); // 防止点击日历元素时立即隐藏 }); calendar.bindEvents(); }; ``` 通过以上步骤,我们已经创建...

    JavaScript.txt

    - **解释**:这段代码定义了一个带有图片的链接,通过设置`border`属性为`0`来去除图片周围的边框,并通过`onFocus`事件处理程序调用`this.blur()`方法来避免点击链接时出现虚线框。 ### 17. 表单提交至邮箱 - **...

    怎样让input type=file 只读,并能实现文件上传

    - 通过 `this.onfocus = function() { this.blur(); };` 确保文件输入框无法获得焦点,从而进一步增强了只读效果。 #### 四、实现文件上传 在实现了只读功能后,还需要确保文件能够正常上传。这里可以通过监听表单...

    使用javaScript增强交互效果

    emailInput.addEventListener('blur', function() { if (!validateEmail(this.value)) { alert('请输入有效的电子邮件地址!'); } }); ``` 四、动画效果 JavaScript可以实现各种动画效果,通过修改元素的样式...

    使用JavaScript获取扫码枪扫描得到的条形码的思路代码详解

    $(".new_products:last .code").val(keycode).blur(); keycode = ""; lastCode = null; lastTime = null; } } function addNewGoodLine() { // 生成新数据行 var html = '&lt;tr class="new_products"&gt;'; ...

Global site tag (gtag.js) - Google Analytics