jQuery は HTML5 プレースホルダー効果を実装します。

HTML5 の新しいプレースホルダー属性を知っている必要がありますよね?知らなくても大丈夫です。入力ボックスにデフォルトのテキストがある場合、クリックしてデフォルトのテキストを非表示にし、フォーカスを失った後にデフォルトのテキストを表示することが必要になることがよくあります。

今日は、プレースホルダー効果をシミュレートする jQuery コードの一部を共有します。

JavaScript コード:

コードをコピーします コードは次のとおりです:

関数 placeHolder(event){
var self = $(this)、selfDataValue = self.attr("データ値")、selfValue = self.val();
if(selfDataValue){
event.type == "クリック" ? (selfValue == selfDataValue && (self.val("").css("color","#333"))) : (event.type == "blur" && (selfValue == "" && (self.val(selfDataValue).css("color","#A9A9A9"))))
}その他{
false を返します;
}
}
$(".pInputText").on("クリックぼかし",placeHolder);

HTML コード:

コードをコピーします コードは次のとおりです:

HTML5 にはそのような機能があるのに、なぜ JS を書くのかと疑問に思う人もいるかもしれません。

これはナンセンスではないでしょうか? もちろん、これは互換性の問題です。IE が HTML5 とより互換性があるとしたら、誰がこれを実装するために js を使用するでしょうか?