码迷,mamicode.com
首页 > 其他好文 > 详细

焦点对象

时间:2016-07-19 13:12:14      阅读:201      评论:0      收藏:0      [点我收藏+]

标签:

焦点:使阅览器能够区分用户输入的对象,当一个元素有焦点的时候,那么他就可以接受用户的输入。
我们可以通过以下一些方式给元素设置焦点
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

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!