前往小程序,Get更优阅读体验!
立即前往
首页
学习
活动
专区
工具
TVP
发布
社区首页 >专栏 >焦点事件

焦点事件

作者头像
河湾欢儿
发布2018-09-06 16:31:30
3.1K0
发布2018-09-06 16:31:30
举报

焦点详解:使浏览器能够区分用户输入的对象,当一个元素有焦点的时候就可以接收用户的输入 1.点击 2.tab 3.js

注意:不是所有元素都能接受焦点,能够响应用户操作的元素才有焦点

代码语言:javascript
复制
<input type="text"/>
<input type="text"/>
<input type="text"/>
<div>aaaaaaaaaaaaa</div>
<input type="text"/>
<a href="javascript:;">我是a</a>

demo1清空文本框的值

代码语言:javascript
复制
    window.onload= function () {
           var text=document.getElementById('text1');
            text.onfocus= function () {
                if(this.value=='请输入内容'){
                    this.value='';
                }
            };
            text.onblur= function () {
                 if(this.value==''){
                     this.value='请输入内容';
                 }
            };
        };
<input type="text" value="请输入内容" id="text1"/>

不需要用户点击,直接获取焦点 obj.focus();给指定的元素设置焦点 obj.blur();取消指定元素的焦点 obj.select()选择指定元素里面的文本内容 (只能是用户能够输入的内容,div p里面不能复制,能操作的是用户可交互的内容)

代码语言:javascript
复制
text.focus();
text.blur();
btn.onclick= function () {
    text.select();
}; 
本文参与 腾讯云自媒体分享计划,分享自作者个人站点/博客。
原始发表:2016.12.29 ,如有侵权请联系 cloudcommunity@tencent.com 删除

本文分享自 作者个人站点/博客 前往查看

如有侵权,请联系 cloudcommunity@tencent.com 删除。

本文参与 腾讯云自媒体分享计划  ,欢迎热爱写作的你一起参与!

评论
登录后参与评论
0 条评论
热度
最新
推荐阅读
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档