`
fengzifz
  • 浏览: 3845 次
最近访客 更多访客>>
社区版块
存档分类
最新评论

让ie支持placeholder(ie10下的ie7模式getAttribute('placeholder')返回null)

阅读更多
现代浏览器都支持placeholder了,目前还有ie6、7、8、9不支持。
上网都能搜到让低版本的ie实现类似placeholder的效果的js代码,一般都是用getAttribute实现,一般都可以兼容ie6、7、8、9了
我一开始也是用原生JS写的,但今天做项目的时候发现一个问题:
部分ie9升级到ie10后,然后再切换为ie7模式时,getAttribute('placeholder')时,会返回null
目前只发现在ie10下的ie7模式有这个bug
后来用JQ来重写这些代码就修复了。

代码如下:
(function($){
	$(document).ready(function() {
		var input = $('.acc_search_form_keyword'),//要实现placeholder的input标签
			defaultValue = input.attr('value'),
			text = input.attr('placeholder'),
			supportPlaceholder = 'placeholder' in document.createElement('input');
			placeholder = function(input,text,defaultValue) {
				if (defaultValue == '') {
					input.attr('value',text);
				}
				input.focus(function(){
					if(input.attr('value') === text){
						$(this).attr('value','');
					}
				});
				input.blur(function(){
					if(input.attr('value') === ''){
						$(this).attr('value',text);
					}
				});
			};
		if (!supportPlaceholder && input.attr('type') === 'text' && text) {
			placeholder(input,text,defaultValue);
		}
	});
})(jQuery)


网上也有人说 使用getAttributeNode得到属性节点,再通过nodeValue得到该属性节点的值 也可以解决,但我没尝试,有兴趣的可以试试
分享到:
评论

相关推荐

    7request和response.docx

    usernameCookie.setMaxAge(60 * 60 * 24 * 7); // 一周有效期 response.addCookie(usernameCookie); response.sendRedirect("response.jsp"); // response.jsp Cookie[] cookies = request.getCookies(); for...

    jsp分页代码

    <input type="text" name="keyword" placeholder="请输入搜索关键词"> 搜索 <!-- 分页链接和导航元素 --> ``` **2.2 Servlet处理请求** 当用户提交搜索请求后,Servlet接收到请求,解析参数,执行数据库查询...

    JSp登陆页面设计代码

    <p><%= request.getAttribute("errorMessage") %> 返回登录页面 ``` 在这个例子中,我们使用了EL(Expression Language)来获取并显示存储在request中的错误信息。 总的来说,JSP登录页面设计涉及到HTML、CSS...

    jsp验证码登录

    if (request.getParameter("username") == null || request.getParameter("password") == null) { out.println("<script>alert('用户名和密码不能为空!');</script>"); } %> ``` 验证码是为了防止恶意自动化的...

    struts 1.2 文件上传与下载.txt

    Struts是一个开源的Web应用程序框架,它遵循MVC(Model-View-Controller)设计模式。在Struts 1.2版本中,开发者可以构建高度可维护的Java Web应用程序。Struts通过提供一系列的标准组件,简化了Web应用的开发流程,...

    jsp页面中产生验证码

    String sessionVCode = (String) session.getAttribute("vcode"); if (inputVCode != null && !inputVCode.isEmpty() && inputVCode.equalsIgnoreCase(sessionVCode)) { // 验证码正确,进行登录处理 } else { ...

    JSP彩色验证码【100%可以用,亲自测试可用,带验证功能实例】

    - 在此页面中需要引入`image.jsp`生成的验证码图像,并提供一个表单让用户输入他们看到的验证码。 ```html 验证码"> <input type="text" name="code" placeholder="请输入验证码"> 提交 ``` 2. **验证 (`...

    Java使用SSM框架实现登录页面的验证码功能

    " type="text" id="verifyCode" name="verifyCode" placeholder="验证码" maxlength="4"> ; right:0; top:0;" src="${pageContext.request.contextPath}/user/getVerifyCode" width="110" height="34" id=...

Global site tag (gtag.js) - Google Analytics