ホームページ > ウェブフロントエンド > jsチュートリアル > jQuery を使用して、入力のプレースホルダー値が IE_jquery でサポートされない問題を迅速に解決します。

jQuery を使用して、入力のプレースホルダー値が IE_jquery でサポートされない問題を迅速に解決します。

WBOY
リリース: 2016-05-16 17:05:48
オリジナル
990 人が閲覧しました

复制代代码如下:





無标题文档

<スクリプトタイプ="text/javascript">

//第一种メソッド
$(document).ready(function(){
var doc=document,inputs=doc.getElementsByTagName(' input'),supportPlaceholder='placeholder'in doc.createElement('input'),placeholder=function(input){var text=input.getAttribute('placeholder'),defaultValue=input.defaultValue;
if(defaultValue ==''){
input.value=text}
input.onfocus=function(){
if(input.value===text){this.value=''}};
input.onblur=function(){if(input.value===''){this.value=text}}};
if(!supportPlaceholder){
for(var i=0, len=inputs.length;i if(input.type==='text'&&text){placeholder (入力)}}}});

//第二の方法
$(function(){
if(!placeholderSupport()){ // 浏览器がプレースホルダーをサポートしているかどうか判断します
$('[placeholder]').focus(function() {
var input = $(this);
if (input.val() == input.attr('placeholder')) {
input.val('');
input.removeClass('placeholder');
}
}).blur(function() {
var input = $(this);
if (input.val() == '' || input.val() == input.attr('placeholder')) {
input.addClass('placeholder');
入力。 val(input.attr('placeholder'));
}
}).blur();
};
})
function placeholderSupport() {
return 'placeholder ' document.createElement('input');
}





<入力タイプ="text" placeholder="请输入用户名"/>



関連ラベル:
ソース:php.cn
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
最新の問題
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート