2

ユーザーがそれぞれのフィールドからフォーカスを失ったときに、テキスト フィールドのテキストを少しぼかすコードがあります。

私はコードを持っていますが、私はHTMLコードのjavascriptの初心者なので、何を変更すればよいかわかりません -

Name <input type="text" id="naam" onblur="myFunction()">

そして私のjs -

function myFunction()
{
var x=document.getElementById("fname");
x.value=x.value./*something to make it blur*/();
}
4

3 に答える 3

3

onblur イベントを実現する最も簡単な方法は、

document.FormName.fname.blur();

これを試して。

于 2013-11-04T06:57:12.310 に答える
3

ぼやけたテキストで楽しむ

.blurry-text {
   color: transparent;
   text-shadow: 0 0 5px rgba(0,0,0,0.5);
}

上記のCSSを使用すると、blurテキストエフェクトを作成できます。次に、このようにクラスを追加します

var x=document.getElementById("fname");
x.className += ' blurry-text';

ご理解いただければ幸いです。

アップデート:

コメントに基づいて、 を使用する場合は、 / を使用してクラスを追加/jQuery削除するだけです。 addClass('blurry-text')removeClass('blurry-text')

ただし、純粋なJavaScriptでは、次のようにする必要があります

function blurIt() {
    var x = document.getElementById("naam");
    x.className += ' blurry-text';
}

function focusIt() {
    var x = document.getElementById("naam");
    x.className = x.className.replace("blurry-text", "");
}

JSFiddle

于 2013-11-04T06:28:38.207 に答える
1

onblur イベントは、要素 (この場合は入力) がフォーカスを失ったときに発生します。これは css のみで実現できます。

#naam{
   // Style this as you want it on blur
}

#naam:focus{
    // Style this as you want it when focused
}
于 2013-11-04T06:39:05.487 に答える