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 にバインドするにはどうすればよいですか? ありがとう!