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" 好像无效 。。。 求解决！！
...全文
231 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>
flash 嵌入网页，与IE, FF,傲游兼容问题
今天突然发现在AS里定义的MouseEvent.MOUSE_WHEE事件 在IE下是正常触发但是在FF与傲游下是无效的 经历千辛万苦【上网搜索，找以前公司的项目，找别人的项目查看源文件。。。】 到此时此刻，终于算是不明不白的解决了 做个记号！！！！ 整个嵌入只需要以下这段代码就行了 
IE6/7兼容问题：巧用label去除submit按钮的黑框线
在使用<input type='submit'>的时候，如果我们不把border写成none或者0的话，在IE7，IE6下是会默认出现黑色的边框的。就...
CSS: style.bottom属性在IE6中的问题
最近在WEB开发过程中，发现一个style的浏览器兼容问题。 本来我的目的，是需要将一个DIV组件置于页面的最底端，当然首先想到就是style.bottom的属性。 于是，我就在js代码中将style.bottom设为0px, 代码如下：this.__instance.style.bottom = "0px"; 用IE7和FF2测试，一切OK。但用IE6进行测试时，奇怪的事情发生了，DI...
vue2.0 项目无法运行在IE浏览器中，尝试了很多代码最终都无果。。。
六、做完以上步骤后， 最后我运行还是不行，在一个帖子看到transpileDependencies:[] ,利用好这个属性，在vue.config.js 中的transpileDependencies:[]，做出相应的监听属性。项目使用了promise的对象，在geogle中正常运行，但是在Ie、360的兼容模式下是无法运行不支持的，此时就需要用到相应的转换。，因为有时候在本地是不报错的，最后最好删除依赖，重新install 一下，祝大家npm run server 成功，最后，也是最重要的，
CSS鼠标小样式随笔！！！！
CSS控制鼠标样式 "cursor" 　　1.auto 　　:正常光标 　　2.default 　　:标准箭头 　　3.pointer 　　: 手型光标 (据说IE有兼容问题，单在IE 8.0中未发现) 　　4.wait　　 :等待光标 　　5.text　　　　 :编辑光标 　　6.vertical-text :水平编辑光标 　　...
Java EE

67,535

社区成员

225,843

社区内容

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

加载中

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

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

+ 用AI写文章