标签:
焦点:使阅览器能够区分用户输入的对象,当一个元素有焦点的时候,那么他就可以接受用户的输入。
我们可以通过以下一些方式给元素设置焦点
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>
标签:
原文地址:http://www.cnblogs.com/nsyblog/p/5684234.html