实现跨浏览器的placeholder,兼容IE7

1,首先规定一下placeholder的规则

(1)文本框无内容失去焦点时,显示placeher的文字(一般是灰色字体);

(2)文本框聚焦时(还没有输入内容),placeher将消失,即文本框空白

(3)文本框输入内容时,placeholder也消失;

(4)文本框失去焦点时若有内容,则不显示placeholder

 2,核心方法

Js代码  

1. /*** 
2.  * convert Decimal str into hex(must be two bit,eg:02,f5)<br> 
3.  *     '153'-->99 
4.  * @param str 
5.  */  
6. to2Hex = function to2Hex(str) {  
7.     var hex = parseInt(str).toString(16);  
8.     if (hex.length === 1) {  
9.         hex = '0' + hex;  
10.     }  
11.     return hex;  
12. };  
13.   
14. cssColor2Hex = function (cssColor) {  
15.     var stringObj = cssColor.replace(/RGB[\s]*\(([\w,\s]+)\)[\s]*/i, "$1");  
16.     //console.log(stringObj);  
17.     var arr = stringObj.split(',');  
18.     var r = com.whuang.hsj.trim(arr[0]);  
19.     var g = com.whuang.hsj.trim(arr[1]);  
20.     var b = com.whuang.hsj.trim(arr[2]);  
21.     var rHex = to2Hex(r);  
22.     var gHex = to2Hex(g);  
23.     var bHex = to2Hex(b);  
24.     return (rHex + gHex + bHex);  
25. };  
26. /*** 
27.  * 
28.  * @param hexColor : #ccc 
29.  * @param cssColor : [string]rgb(153, 153, 153) 
30.  * @returns {boolean} 
31.  */  
32. compareColor = function compareColor(hexColor/*#789*/, cssColor/*rgb(153, 153, 153)*/) {  
33.     if (typeof cssColor !== 'string') {  
34.         return false;  
35.     }  
36.     if (hexColor === cssColor) {//IE8,jquery.css('color') will get '#ddd',but 'rgb(204, 204, 204)'  
37.         return true;  
38.     }  
39.     if (com.whuang.hsj.startsWith(hexColor, '#')) {  
40.         hexColor = hexColor.substr(1);//delete '#' in front  
41.     }  
42.     if (hexColor.length == 3) {  
43.         hexColor = hexColor.substr(0, 1) + hexColor.substr(0, 1)  
44.             + hexColor.substr(1, 1) + hexColor.substr(1, 1) + hexColor.substr(2, 1) + hexColor.substr(2, 1);  
45.     }  
46.     var cssResult = cssColor2Hex(cssColor);  
47.     return (cssResult === hexColor);  
48. };