ie兼容问题！！！！

[wenjie4892543]

问题：ie11已登录的用户，可以被检索出来，而ie8已登录的用户不能被检索出来

附图：

ie11：

ie8：

<input name="login" id="login" type="text" onblur="AjaxGetPwd()" class="nameimg" autocomplete="on"/>

autocomplete="on" 好像无效 。。。 求解决！！

[小灯光环]

autocomplete是html5的新属性，你在ie8用的话需要做一些处理。你试试引一下google的这个js： <script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script>

[S117]

autocomplete在IE8当然无效了，自己找找JS框架解决吧！ 唉，还没用过IE9之后的IE浏览器呢！

[wenjie4892543]

引用 1 楼 wlwlwlwl015 的回复:

autocomplete是html5的新属性，你在ie8用的话需要做一些处理。你试试引一下google的这个js： <script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script>

不对， 我使用 <input name="login" id="login" type="text" onblur="AjaxGetPwd()" class="nameimg" autocomplete="off"/> ie11 上也不能被检索出来！！ 但是 使用 <input name="login" id="login" type="text" onblur="AjaxGetPwd()" class="nameimg" autocomplete="on"/> ie8 就不能被 检索 出来 ie11 是可以的 、、、

[小灯光环]

引用 3 楼 wenjie4892543 的回复:

[quote=引用 1 楼 wlwlwlwl015 的回复:] autocomplete是html5的新属性，你在ie8用的话需要做一些处理。你试试引一下google的这个js： <script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script>

不对， 我使用 <input name="login" id="login" type="text" onblur="AjaxGetPwd()" class="nameimg" autocomplete="off"/> ie11 上也不能被检索出来！！ 但是 使用 <input name="login" id="login" type="text" onblur="AjaxGetPwd()" class="nameimg" autocomplete="on"/> ie8 就不能被 检索 出来 ie11 是可以的 、、、[/quote] 不光是ie8，你ie9肯定也不行。而且autocomplete这个属性尽量设置成on，除非在版本非常新的浏览器，才对html5的支持好一些。这些兼容性问题只能自己找找插件或者js想办法了。

[wenjie4892543]

引用 2 楼 longtian1213 的回复:

autocomplete在IE8当然无效了，自己找找JS框架解决吧！ 唉，还没用过IE9之后的IE浏览器呢！

有 好点办法么，， 但是一个简单的form 表达提交后，ie8 也是能记录到登录过的用户名

[tony4geek]

这个是浏览器的 。就好比 win7 win8 界面不一样的道理。

[机器学习之禅]

美丽广州啊 怀念五羊冰激凌

[wenjie4892543]

解决方法：

function mSift_SeekTp(oObj, nDire) {
	if (oObj.getBoundingClientRect && !document.all) {
		var oDc = document.documentElement;
		switch (nDire) {
		  case 0:
			return oObj.getBoundingClientRect().top + oDc.scrollTop;
		  case 1:
			return oObj.getBoundingClientRect().right + oDc.scrollLeft;
		  case 2:
			return oObj.getBoundingClientRect().bottom + oDc.scrollTop;
		  case 3:
			return oObj.getBoundingClientRect().left + oDc.scrollLeft;
		}
	} else {
		if (nDire == 1 || nDire == 3) {
			var nPosition = oObj.offsetLeft;
		} else {
			var nPosition = oObj.offsetTop;
		}
		if (arguments[arguments.length - 1] != 0) {
			if (nDire == 1) {
				nPosition += oObj.offsetWidth;
			} else {
				if (nDire == 2) {
					nPosition += oObj.offsetHeight;
				}
			}
		}
		if (oObj.offsetParent != null) {
			nPosition += mSift_SeekTp(oObj.offsetParent, nDire, 0);
		}
		return nPosition;
	}
}
function mSift(cVarName, nMax) {
	this.oo = cVarName;
	this.Max = nMax;
}
mSift.prototype = {Varsion:"v2010.10.29 by AngusYoung | mrxcool.com", Target:Object, TgList:Object, Listeners:null, SelIndex:0, Data:[], ReData:[], Create:function (oObj) {
	var _this = this;
	var oUL = document.createElement("ul");
	oUL.style.display = "none";
	oObj.parentNode.insertBefore(oUL, oObj);
	_this.TgList = oUL;
	oObj.onkeydown = oObj.onclick = function (e) {
		_this.Listen(this, e);
	};
	oObj.onblur = function () {
		setTimeout(function () {
			_this.Clear();
		}, 100);
	};
}, Complete:function () {
}, Select:function () {
	var _this = this;
	if (_this.ReData.length > 0) {
		_this.Target.value = _this.ReData[_this.SelIndex].replace(/\*/g, "*").replace(/\|/g, "|");
		_this.Clear();
	}
	setTimeout(function () {
		_this.Target.focus();
	}, 10);
	_this.Complete();
}, Listen:function (oObj) {
	var _this = this;
	_this.Target = oObj;
	var e = arguments[arguments.length - 1];
	var ev = window.event || e;
	switch (ev.keyCode) {
	  case 9://TAB 
		return;
	  case 13://ENTER 
		_this.Target.blur();
		_this.Select();
		return;
	  case 38://UP 
		_this.SelIndex = _this.SelIndex > 0 ? _this.SelIndex - 1 : _this.ReData.length - 1;
		break;
	  case 40://DOWN 
		_this.SelIndex = _this.SelIndex < _this.ReData.length - 1 ? _this.SelIndex + 1 : 0;
		break;
	  default:
		_this.SelIndex = 0;
	}
	if (_this.Listeners) {
		clearInterval(_this.Listeners);
	}
	_this.Listeners = setInterval(function () {
		_this.Get();
	}, 10);
}, Get:function () {
	var _this = this;
	//输入为空时
	//if (_this.Target.value == "") {
	//	_this.Clear();
	//	return;
	//}
	if (_this.Listeners) {
		clearInterval(_this.Listeners);
	}
	_this.ReData = [];
	var cResult = "";
	for (var i = 0; i < _this.Data.length; i++) {
		if (_this.Data[i].toLowerCase().indexOf(_this.Target.value.toLowerCase()) >= 0) {
			_this.ReData.push(_this.Data[i]);
			if (_this.ReData.length == _this.Max) {
				break;
			}
		}
	}
	var cRegPattern = _this.Target.value.replace(/\*/g, "*");
	cRegPattern = cRegPattern.replace(/\|/g, "|");
	cRegPattern = cRegPattern.replace(/\+/g, "\\+");
	cRegPattern = cRegPattern.replace(/\./g, "\\.");
	cRegPattern = cRegPattern.replace(/\?/g, "\\?");
	cRegPattern = cRegPattern.replace(/\^/g, "\\^");
	cRegPattern = cRegPattern.replace(/\$/g, "\\$");
	cRegPattern = cRegPattern.replace(/\(/g, "\\(");
	cRegPattern = cRegPattern.replace(/\)/g, "\\)");
	cRegPattern = cRegPattern.replace(/\[/g, "\\[");
	cRegPattern = cRegPattern.replace(/\]/g, "\\]");
	cRegPattern = cRegPattern.replace(/\\/g, "\\\\");
	var cRegEx = new RegExp(cRegPattern, "i");
	for (var i = 0; i < _this.ReData.length; i++) {
		if (_this.Target.value.indexOf("*") >= 0) {
			_this.ReData[i] = _this.ReData[i].replace(/\*/g, "*");
		}
		if (_this.Target.value.indexOf("|") >= 0) {
			_this.ReData[i] = _this.ReData[i].replace(/\|/g, "|");
		}
		cResult += "<li style=\"padding:0 5px;line-height:30px;cursor:default;\" onmouseover=\"" + _this.oo + ".ChangeOn(this);" + _this.oo + ".SelIndex=" + i + ";\" onmousedown=\"" + _this.oo + ".Select();\">" + _this.ReData[i].replace(cRegEx, function (s) {
			return "<span>" + s + "</span>";
		});
		+"</li>";
	}
	if (cResult == "") {
		_this.Clear();
	} else {
		_this.TgList.innerHTML = cResult;
		_this.TgList.style.cssText = "display:block;position:absolute;z-index:1;background:#fff;border:#cdcdcd solid 1px;margin:0px 0 0;padding: 5px;list-style:none;font-size:12px;margin-left:-5px;";
		_this.TgList.style.top = mSift_SeekTp(_this.Target, 2) + "px";
		_this.TgList.style.left = mSift_SeekTp(_this.Target, 3) + "px";
		_this.TgList.style.width = _this.Target.offsetWidth - 12 + "px";
	}
	var oLi = _this.TgList.getElementsByTagName("li");
	if (oLi.length > 0) {
		oLi[_this.SelIndex].style.cssText = "background:#f8f8f8;padding:0 5px;line-height:30px;cursor:default;color:#666666;";
	}
}, ChangeOn:function (oObj) {
	var oLi = this.TgList.getElementsByTagName("li");
	for (var i = 0; i < oLi.length; i++) {
		oLi[i].style.cssText = "padding:0 5px;line-height:30px;cursor:default;";
	}
	oObj.style.cssText = "background:#f8f8f8;padding:0 5px;line-height:30px;cursor:default;color:#666666;";
}, Clear:function () {
	var _this = this;
	if (_this.TgList) {
		_this.TgList.style.display = "none";
		_this.ReData = [];
		_this.SelIndex = 0;
	}
}};

<form id=loginform name="loginform" method="post"
			action="login.do?method=login" class="long">
				<ul class="name"><input name="login" id="login" type="text" onblur="AjaxGetPwd()" class="nameimg" autocomplete="off"/></ul>
			    <ul class="powr"><input name="password" id="password" type="password" onkeydown="onkeydownpassword()" class="pwimg" /></ul>
			    <ul class="bont">
			    	<li class="b1"><a href="#" onclick="login1();return false" hidefocus="true">登陆</a></li>
			    </ul>
		</form>

<script type="text/javascript"> 
		//建立实例，第一个参数是实例对象的名称，第二个是最多显示的数量 
		var oo=new mSift('oo',20); 
		//创建一个数组
		var arrayObj = new Array();　//创建一个数组
		//数据 
		//oo.Data=['ad11特效','ad22效果','Js代码','Java特效','Javascript代码','JS脚本','Js是什么意思','Java','Java游戏']; 
		 //获取cookie字符串 
		 var strCookie=document.cookie; 
		 //将多cookie切割为多个名/值对 
		 var arrCookie=strCookie.split("; "); 
		 //遍历cookie数组，处理每个cookie对 
		 for(var i=0;i<arrCookie.length;i++){ 
			var arr=arrCookie[i].split("="); 
			if(arr[0]!='username'&&arr[0]!='password'&&arr[0]!='JSESSIONID'&&arr[0]!='userStyle'){
				arrayObj. push(arr[0]);
			}
		}
		//将数组的值赋予data
		oo.Data= arrayObj; 
		//指定文本框对象建立特效 
		oo.Create(document.getElementById('login')); 
		</script> 

[wenjie4892543]

效果图：