什麼是失去焦點javascript
JSP表單元素獲取焦點就是指你的text,password等元素裏有鼠標的光標. 同理 JSP失去焦點例如瀏覽器上方標題是藍色的時候 就證實焦點就在這裏 當你點其餘頁面的時候它會變灰.就是失去焦點.原理都同樣.css
演示代碼html
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> java
<html xmlns="http://www.w3.org/1999/xhtml"> 瀏覽器
<head> post
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" /> ui
<title>邊框變色</title> orm
<style type="text/css"> xml
<!-- htm
.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 == '請輸入關鍵字')
{
document.formSearch.keyword.value = '';
document.formSearch.keyword.className = 'SearchKeywordonFocus';
}
}
function keywordblur()
{
if (document.formSearch.keyword.value == '')
{
document.formSearch.keyword.value = '請輸入關鍵字';
document.formSearch.keyword.className = 'SearchKeyword';
}
}
</SCRIPT>
</head>
<body>
<form id="formSearch" name="formSearch" method="post" action="">
<input type="text" name="keyword" class="SearchKeyword" value="請輸入關鍵字" 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