首页 > 代码库 > js技术分享
js技术分享
什么是失去焦点
JSP表单元素获取焦点就是指你的text,password等元素里有鼠标的光标. 同理 JSP失去焦点例如浏览器上方标题是蓝色的时候 就证明焦点就在这里 当你点其他页面的时候它会变灰.就是失去焦点.原理都一样.
演示代码
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>边框变色</title>
<style type="text/css">
<!--
.SearchKeyword {border:1px solid #797A75;width: 202px;color: #CDCDCD;font-size:12px;}
.SearchKeywordonFocus {border:1px solid #ABCD3A;width: 202px;color: #000000;font-size:12px;}
-->
</style>
<script language="javascript">
function keywordfocus()
{
if (document.formSearch.keyword.value =http://www.mamicode.com/= ‘请输入关键字‘)
{
document.formSearch.keyword.value = http://www.mamicode.com/‘‘;
document.formSearch.keyword.className = ‘SearchKeywordonFocus‘;
}
}
function keywordblur()
{
if (document.formSearch.keyword.value =http://www.mamicode.com/= ‘‘)
{
document.formSearch.keyword.value = http://www.mamicode.com/‘请输入关键字‘;
document.formSearch.keyword.className = ‘SearchKeyword‘;
}
}
</SCRIPT>
</head>
<body>
<form id="formSearch" name="formSearch" method="post" action="">
<input type="text" name="keyword" class="SearchKeyword" value="http://www.mamicode.com/请输入关键字" onFocus="keywordfocus();" onBlur="keywordblur();" />
</form>
</body>
</html>
什么是获取焦点
用自带的focus();就可以了；下面是小例子： var oTxt = document.getElementById(‘txt‘).focus();
js 设置焦点 判断控件是否获得焦点 判断哪个控件获得焦点
设置焦点
判断控件是否获得焦点
if(document.activeElement.id="txtIdHouse")
{
}
判断哪个控件获得焦点
var act = document.activeElement.id;
act就是现在获得焦点控件的id值
分类: HTML&JavaScript
js技术分享