焦点事件

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

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

<input type="text"/>
<input type="text"/>
<input type="text"/>
<div>aaaaaaaaaaaaa</div>
<input type="text"/>
<a href="javascript:;">我是a</a>

demo1清空文本框的值

    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里面不能复制,能操作的是用户可交互的内容)

text.focus();
text.blur();
btn.onclick= function () {
    text.select();
}; 

本文参与腾讯云自媒体分享计划,欢迎正在阅读的你也加入,一起分享。

我来说两句

0 条评论
登录 后参与评论

相关文章

  • 兼容问题(上)

    只在IE下生效 只在IE6下生效 只在IE6以上版本生效 IE8以及IE8以下 只在IE8上不生效 非IE浏览器生效

    河湾欢儿
  • 组件&生命周期

    组件使你可以将 UI 划分为一个一个独立,可复用的小部件,并可以对每个部件进行单独的设计。

    河湾欢儿
  • 二级联动

    河湾欢儿
  • 一文解决韦恩图(零代码版本、R语言、python版本)

    http://bioinformatics.psb.ugent.be/webtools/Venn/

    用户1359560
  • HTML5 SVG+CSS3霓虹灯文字边框动画特效

    AlexTao
  • PC逆向之代码还原技术,第五讲汇编中乘法的代码还原

    在汇编中,乘法指令使用 IMUL 或者 MUL指令. 一般有两种形式 IMUL reg,imm 这种指令格式是 reg * imm的结果 重新放到reg中. ...

    IBinary
  • 使用JavaScript调用Microsoft XMLDOM库进行XML字符串的解析

    Jerry Wang
  • Log and display Log text type in Account Overview page

    版权声明:署名,允许他人基于本文进行创作,且必须基于与原先许可协议相同的许可协议分发本文 (Creative Commons)

    Jerry Wang
  • python3 cookbook

    使用deque(maxlen=N)构造函数会新建一个固定大小的队列.当新的元素加入并且这个队列已满的时候,最老的元素会被移除掉.在队列两端插入或者删除元素时间复...

    py3study
  • javaScript和jQuery获取、设置textarea标签的内容(取值和赋值)

    通过 element.value 和 element.innerHTML 获取, .value 亲测有效。

    德顺

扫码关注云+社区

领取腾讯云代金券