js 焦点事件

最新推荐文章于 2024-08-18 22:59:04 发布
最新推荐文章于 2024-08-18 22:59:04 发布
阅读量3.6k 收藏 1
点赞数
分类专栏： 笔记 js H5
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_42467563/article/details/83187739
版权
练习 同时被 3 个专栏收录
201 篇文章 8 订阅
订阅专栏
笔记
185 篇文章 0 订阅
订阅专栏
H5
59 篇文章 0 订阅
订阅专栏

  • onfocus：获取焦点

  • onblur：失去焦点

  • <!DOCTYPE html>

  • <html>
        <head>
            <meta charset="UTF-8">
            <title></title>
        </head>
        <body>
            用户名：<input name="username"  value="请输入用户名"/>
        
        </body>

        <script>
        var oInput=document.getElementsByName('username')[0]
         oInput.οnfοcus=function(){
            if(this.value=='请输入用户名'){
                this.value=''
            }
        }    
        oInput.οnblur=function(){
            if(this.value==''){
                this.value='请输入用户名'
            }
        }
        </script>
    </html>

  • 效果：点击输入框：请‘’输入用户名消失‘’，点击旁边空白处‘’输入用户名消失‘’再次出现

三尺秋水一点飞鸿
关注
专栏目录
js如何实现点击标签文字，文字在文本框出现
10-23
主要介绍了js如何实现点击标签文字，文字在文本框出现,感兴趣的小伙伴们可以参考下
利用js关闭淘宝二维码?
weixin_47612165的博客
10-05 391
可下载图片 <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title> </head> <body> <input type="text" value=.
js取消焦点事件
最新发布
qq_32389095的博客
08-18 501
来取消当前拥有焦点的元素的焦点事件。这种方法适用于需要找到并取消当前有焦点的元素的情况。方法来取消焦点事件的默认行为。这种方法适用于在特定条件下阻止焦点的默认行为。来取消元素的焦点事件。这种方法适用于通过视觉效果来隐藏焦点的外观。来取消元素的焦点事件。这种方法适用于直接对特定元素取消焦点。属性来获取当前拥有焦点的元素，然后将其设置为。这种方法适用于需要移除页面上所有焦点的场景。‌：通过选择所有可聚焦的元素并调用它们的。‌：可以在焦点事件的处理函数中调用。来取消元素的焦点事件。
获取焦点至文本框的文字后面方法
coding
11-20 1587
1.获取焦点至文本框的文字后面方法 //获取焦点至文本框的文字后面 function myfocus(myid) {      if(isNav){          document.getElementById(myid).focus();// 获取焦点        }else{          setFocus.call(document.getElementById(myi
js实现html点击文本框，弹出文本框功能
知北行的博客
10-27 9470
实现这样一个功能，当一个文本框获得焦点时，弹出一个更大的文本框方便用户输入，当切换焦点时，弹出的文本框就消失，同时保证两个文本框输入的文本值一致 效果如下图： 直接上代码： <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title...
JavaScript+html显示隐藏文本框的内容
橘猫吃不胖的博客
11-26 1184
【案例分析】本案例需要为一个文本框添加提示文本。当单击文本框时，里面的默认提示文字会隐藏，鼠标指针离开文本框，里面的文字会显示出来。 效果图如下： 当未单击文本框时： 当单击文本框时： html页面中代码如下： <input type="text" id="userName" value="手机" style="color: #999;"> <script> //1.获取元素：input var text = document.qu
JavaScript焦点事件、鼠标事件和滚轮事件使用详解
10-22
以下是对JavaScript焦点事件、鼠标事件和滚轮事件使用的深入解析。 焦点事件主要涉及到页面元素获得或失去焦点的交互，这些事件允许开发者通过程序对元素的焦点状态进行控制或响应。焦点事件主要包括以下几种： - ...
解决Js先触发失去焦点事件再执行点击事件的问题
10-18
在用户交互过程中，如果keyup事件快速连续触发，可能导致在元素还未失去焦点的情况下即触发click事件，从而影响用户操作的连贯性和界面状态的正确显示。 2. 解决失去焦点事件早于点击事件触发的问题： 在开发中，...
JavaScript入门教程(11) js事件处理
11-30
JavaScript事件处理是编程中至关重要的一个部分，它赋予了网页动态性和交互性。在JavaScript中，事件处理涉及到了用户与网页元素之间的互动，比如点击按钮、输入数据等。当一个事件发生时，JavaScript会执行相应的...
js实现鼠标点击文本框自动选中内容的方法
10-23
主要介绍了js实现鼠标点击文本框自动选中内容的方法,涉及javascript鼠标点击事件onClick及选择事件select的使用技巧,非常简单实用,需要的朋友可以参考下
js实现input文本框点击时文字消失，失去焦点
10-15
js实现input文本框点击时文字消失，失去焦点
js点击显示隐藏内容
webZRH的博客
04-12 2555
.see_more .more_btn{ color: rgb(124, 181, 236); padding: 10px 0;     background: #ddd; } .more_btn span{ width: 20px; height: 20px; display: inline-block; } .more_btn{ display: block;  
javascript 正则表达式验证表单信息（光标离开会判断是否符合规定，不符合会提示）
W1365966490的专栏
02-28 1729
function a(){   var reg=/^[a-zA-Z]\w{5,17}$/;   var str=document.getElementById('password').value;   if(reg.test(str))   {document.getElementById('pa').innerHTML='请继续输入。。。' }   else   {document.
html判断光标离开文本框,[转]js实现光标聚焦到文本或者文本框的最后
weixin_36076701的博客
06-05 1122
js实现光标聚焦到文本框最后,focus版本js实现光标聚焦到文本框最后,focus版本 document.getElementByIdx_x("ifocus").focus();可以看下不同浏览器的显示效果正确的js实现聚焦到文本框最后的方法js实现光标聚焦到文本框最后function myFocus(sel, start, end) {if (sel.setSelectionRange) {s...
js双击编辑文本（单个）
yyxhn的博客
08-01 756
。。。
textarea的显示与隐藏
qiuqiuzlw123的专栏
05-21 6941
找了不少方法，以下方法在微信小程序中是有效的。已证明。 不显示 ： <textareaname="hide"style="display:none;">asdfsadfsfsa</textarea> 显示： <textareaname="hide"style="display:true;">asdfsadfsfsa</texta...
JS实现点击显示/隐藏
qq_52006379的博客
08-23 5451
JS实现点击显示/隐藏。
文本框取值和点击事件
偷偷学习，为老板买法拉利
03-23 1479
文本框取值和 点击事件 设置几个文本框和一个取值并求和的按钮 <input id = "num1" type = "text"> + <input id = "num2" type = "text"> <button id = "btn">求和</button> <input id = "num" type = "text"> 通过 javascript 取 两个文本框的值 并求和 输出 document.getElementById() ​
JavaScript焦点、鼠标和滚轮事件详解及其应用实例
本文档深入探讨了JavaScript中的三种关键事件处理：焦点事件、鼠标事件和滚轮事件。首先，我们来了解焦点事件，这是与Web页面元素的活跃状态密切相关的。焦点事件主要包括`blur`（元素失去焦点）、`DOMFocusIn`（旧...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值