2

HTMLページに入力しました:

<input id="Name" name="Name" tabindex="0" type="text" value="Name:" />

イベント「onfocus」および「onblur」のハンドラーをバインドするために、jQuery を使用して JavaScript を作成しました。

<script type="text/javascript">
    var name = $("#Name");
    name.focus(function () {if ($(this).val() == "Name:") $(this).val('');});
    name.blur(function () {if ($(this).val() == "") $(this).val("Name:");});
</script>

したがって、ユーザーが入力を選択すると、その値は空になるはずです。ユーザーが入力にテキストを入力せずにフォーカスを変更すると、入力の値は「名前:」に戻ります。

Firefox、Internet Explorer、Opera では正常に動作しますが、Google Chrome では動作しません。さらに、Chrome デバッガーに「Uncaught TypeError: Object [object Object] has no method 'focus'」というエラーがあります。

Google Chrome でハンドラを jQuery にバインドするにはどうすればよいですか? ありがとう!

4

1 に答える 1