js技術分享

什麼是失去焦點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

相關文章
相關標籤/搜索