ie兼容问题！！！！

wenjie4892543 2014-04-15 03:36:03
问题：ie11已登录的用户，可以被检索出来，而ie8已登录的用户不能被检索出来

附图：

ie11：

ie8：

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

autocomplete="on" 好像无效 。。。 求解决！！
...全文
160 9 打赏 收藏 转发到动态 举报
写回复
用AI写文章
9 条回复
切换为时间正序
请发表友善的回复…
发表回复
wenjie4892543 2014-04-16
  • 打赏
  • 举报
 回复
效果图：
wenjie4892543 2014-04-16
  • 打赏
  • 举报
 回复
解决方法： 

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>
机器学习之禅 2014-04-15
  • 打赏
  • 举报
 回复
美丽广州啊 怀念五羊冰激凌
tony4geek 2014-04-15
  • 打赏
  • 举报
 回复
这个是浏览器的 。就好比 win7 win8 界面不一样的道理。
wenjie4892543 2014-04-15
  • 打赏
  • 举报
 回复
引用 2 楼 longtian1213 的回复:
autocomplete在IE8当然无效了，自己找找JS框架解决吧！ 唉，还没用过IE9之后的IE浏览器呢！
有 好点办法么，， 但是一个简单的form 表达提交后，ie8 也是能记录到登录过的用户名
小灯光环 2014-04-15
  • 打赏
  • 举报
 回复
引用 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 2014-04-15
  • 打赏
  • 举报
 回复
引用 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 是可以的 、、、
S117 2014-04-15
  • 打赏
  • 举报
 回复
autocomplete在IE8当然无效了，自己找找JS框架解决吧！ 唉，还没用过IE9之后的IE浏览器呢！
小灯光环 2014-04-15
  • 打赏
  • 举报
 回复
autocomplete是html5的新属性，你在ie8用的话需要做一些处理。你试试引一下google的这个js： <script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script>
修复“错误提示内存不能为read”的工具
经常使用电脑可能也遇到过了! 突然‘咚’的一声 提示 内存不能为read 这个问题我以前也遇到过不知道怎么解决 现在终于有办法了!呵呵! 我们就看看是什么原因引起的吧，另外附送一个小工具修复见下面附件 总结下大概以下9个原因 1、驱动不稳定，与系统不兼容，这最容易出现内存不能为 Read 或者文件保护（主要原因） 2、系统安装了一个或者多个流氓软件，这出现 IE 或者系统崩溃的机会也比较大，也有可能出现文件保护 3、系统加载的程序或者系统正在运行的程序之前有冲突，尤其是部分杀毒软件监控程序 4、系统本身存在漏洞，导致容易受到网络攻击。 5、病毒问题也是主要导致内存不能为 Read、文件保护、Explorer.exe 错误…… 6、如果在玩游戏时候出现内存不能为 Read，则很大可能是显卡驱动不适合（这里的不适合有不适合该游戏、不适合电脑的显卡）也有可能是 系统版本不够新或者不符合该游戏、显卡驱动 7、部分软件本身自身不足的问题 8、电脑硬件过热，也是导致内存不能为 Read 的原因之一。 9、电脑内存与主板兼容性不好也是导致内存不能为 Read 的致命原因！ 以上大概就是目前可以引起系统提示 内存不能为read的原因了 另外软件是针对只是针对部分原因引起的内存不为read所做修复，不是100%有效，大家可以试试看 说下原理: 就是批处理使用 regsvr32命令 将动态链接库文件重新注册 （system32下的所有 .dll 和 .ocx 文件;） 注意：由于修复工具会重新注册 system32下的所有 .dll 和 .ocx 文件 此操作对杀毒软件来说属于敏感操作，所以建议使用修复工具的时候，请禁用杀毒软件，以免部分杀毒误报!jie
window.parent调用父框架时，ie跟火狐不兼容问题！
 window.parent调用父框架时，ie跟火狐不兼容问题！ 原始代码：（在ie中正常，火狐中根本不运行window.parent这一步）function oa_tool1(){window.parent.mm.rows="20,200,10,*";} 修改代码：（在ie和火狐当中均正常）function oa_tool1(){window.parent.documen
掌握JQuery视频教程
它是轻量级的JS库 ，它兼容CSS3，还兼容各种浏览器（IE 6.0+, FF 1.5+, Safari 2.0+, Opera 9.0+）,是我们编写JavaScript的利器！ 适合对象： 需要大量编写JavaScript的朋友 学习条件： 必须掌握HTML、CSS、...
Ant Design Vue 兼容 IE9 ！！！
我大IE (￣^￣) IE浏览器进入淘汰倒计时，微软安全专家呼吁用户放弃！ IE9 无polyfill IE9：忽略上面的信息，其实我还能战十年 ( • ̀ω•́ )✧ IE9 polyfill ...
一行代码解决各种IE兼容问题
一行代码解决各种IE兼容问题,IE6,IE7,IE8,IE9,IE10 前端面试秘籍,欢迎star! 在网站开发中不免因为各种兼容问题苦恼，针对兼容问题，其实IE给出了解决方案Google也给出了解决方案 百度也应用了这种方案去解决IE的兼容问题 百度源代码如下 1.<!Doctypehtml> 2.<htmlxmlns=http://www.w3.org/...
Java EE

67,513

社区成员

225,879

社区内容

发帖
与我相关
我的任务
社区描述
J2EE只是Java企业应用。我们需要一个跨J2SE/WEB/EJB的微容器，保护我们的业务核心组件（中间件），以延续它的生命力，而不是依赖J2SE/J2EE版本。
社区管理员
  • Java EE
加入社区
  • 近7日
  • 近30日
  • 至今

加载中

查看更多榜单
社区公告
暂无公告

试试用AI创作助手写篇文章吧

+ 用AI写文章