解决IE浏览器文本输入框不支持placeholder的问题

xiaoxiao2021-02-27  217

function placeholder() { var doc=document, inputs=doc.getElementsByTagName('input'), //浏览器input域是否支持placeholder supportPlaceholder='placeholder'in doc.createElement('input'), placeholder=function(input){ var text=input.getAttribute('placeholder'), defaultValue=input.defaultValue; if(defaultValue==''){ input.value=text } input.οnfοcus=function(){ if(input.value===text){ this.value='' } }; input.οnblur=function(){ if(input.value===''){ this.value=text } } }; if(!supportPlaceholder){ for(var i=0,len=inputs.length;i<len;i++){ var input=inputs[i], text=input.getAttribute('placeholder'); if(input.type==='text'&&text){ placeholder(input) } } } }

在实践过程中发现jquery.placeholder.js对placeholder支持的效果不是特别理想,placeholder属性值时而会消失,所以采用了以上方案。

转载请注明原文地址: https://www.6miu.com/read-14338.html

最新回复(0)