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

6.20随笔

时间:2017-06-21 09:44:27      阅读:168      评论:0      收藏:0      [点我收藏+]

标签:asc   ==   xmlns   6.2   html   bcd   char   org   证明   

什么是失去焦点

 

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 == ‘请输入关键字‘) 

 

 

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

6.20随笔

标签:asc   ==   xmlns   6.2   html   bcd   char   org   证明   

原文地址:http://www.cnblogs.com/w2152j/p/7057781.html

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