焦点详解:使浏览器能够区分用户输入的对象,当一个元素有焦点的时候就可以接收用户的输入
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();
};