焦点对象

焦点：使阅览器能够区分用户输入的对象，当一个元素有焦点的时候，那么他就可以接受用户的输入。
我们可以通过以下一些方式给元素设置焦点
1.点击
2.tab
3.javascript


注意：不是所有元素都能够接收焦点（例如div），能够响应用户操作的元素才有焦点。

<!DOCTYPE html>
<html>
<head>
<title></title>
<meta charset="utf-8">
<script type="text/javascript">
window.onload =function(){
var oText=document.getElementById('text');
// onfocus：当元素获取到焦点的时候触发
oText.onfocus = function(){
if(this.value=='请输入内容'){
this.value='';
}
}
/*
obj.focus()给指定的元素设置焦点
obj.blur()取消指定元素的焦点
obj.select()选择指定元素里面的文本内容(select能选中的只能是用户能输入的内容，例如：inputtext里的内容。)
*/
oText.focus();

var oBtn=document.getElementById('btn');

oBtn.onclick=function(){
oText.select();
}
}
</script>
</head>
<body>
<input type="text" id="text" name="" value="请输入内容">
</body>
</html>

posted @ 2016-07-19 11:59  爱吃辣酱  阅读(162)  评论(0)    收藏  举报