この記事では、JSが[入力]ボックスをクリックするようにテキストをプロンプトすることの消失効果を実装する効果について説明します。次のように、参照のために共有してください。
Webログインボックスの入力ボックスには、色が軽いものを入力するように促す単語がよく表示されます。これは、「テキストボックスがクリックされるとテキストが消え、焦点が失われたときにテキストが表示される」の効果です。この効果はJSで完了できます。この効果は、ウェブサイトを作る人々のための必須のJSコードです。 JSの書き方がわかっている場合は、すばやく書くことができます。書き方がわからない場合は、バックアップ用のコードを収集する必要があります。これは、使用するとはるかに便利です。
この効果実装に使用されるJSコードは次のとおりです。
<スクリプト言語= "javascript" type = "text/javascript"> function addlistener(element、e、fn){if(element.addeventlistener){element.addeventlistener(e、fn、false); } else {element.attachevent( "on" + e、fn); }} var myinput = document.getElementById( "myInput"); addListener(myinput、 "click"、function(){myinput.value = "";})addListener(myinput、 "Blur"、function(){myinput.value = "Your ID";})</script>このコードをJSファイルに保存し、Webページで参照を作成し、プログラムする方法を知らない人にとっては難しいと思われるこの効果を簡単に完了します。
HTMLコード:
<!doctype html public " - // w3c // dtd html 4.01 // en" "http://www.w3.org/tr/html4/strict.dtd"> <html>テキストボックスがクリックされたときに消え、フォーカスが失われたときにテキストが表示されます</title> </head> </head> <入力タイプ= "テキスト" value = "id" id "" id "=" myinput "/> </body> </html> <スクリプト言語=" javascript "type =" text/javascript "> function adder(ement、e、e、e、e、fn) element.addeventlistener(e、fn、false); } else {element.attachevent( "on" + e、fn); }} var myinput = document.getElementById( "myInput"); addListener(myinput、 "click"、function(){myinput.value = "";})addListener(myinput、 "Blur"、function(){myinput.value = "Your ID";})</script>JavaScript関連のコンテンツの詳細については、このサイトのトピックをご覧ください:「JavaScriptのJSONオペレーションスキルの要約」、「JavaScriptの切り替え効果とテクニックの概要」、「JavaScript Search Algorithm Skills」、「Javascript Animation Animation Special Effects and Techniquesの要約」、Javascriptの概要「Debugn of of debugging of Javing」アルゴリズムスキル」、「JavaScriptトラバーサルアルゴリズムとテクニックの要約」および「JavaScriptの数学操作の使用法の要約」
この記事がみんなのJavaScriptプログラミングに役立つことを願っています。