contenteditable領域に対してplaceholderを実現するためのjQueryプラグインです。
[data-placeholder][data-placeholder-active=true]::before {
content: attr(data-placeholder);
opacity: 0.5
}
一括指定したい場合
$(function() {
$.setPlaceholder();
});
特定のID指定
$(function() {
$.setPlaceholder("#test");
});
色々カスタマイズしたい場合
$(function() {
$.setPlaceholder("#test", {inativeEvent: 'focus'});
});
placeholder要素が更新された場合、デフォルト設定では、
Placehodlerが有効になった場合placeholderactive
が、
Placehodlerが無効になった場合'placeholderinactive'が発行されます。
- CSS定義の独自カスタマイズ