焦点事件

焦点详解:使浏览器能够区分用户输入的对象,当一个元素有焦点的时候就可以接收用户的输入
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();
}; 
最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容