テキストボックス(入力)にフォーカスが当たったときのスタイル変更のサンプルコード(onfocus)

要約: ユーザーエクスペリエンスを重視する多くのデザイナーは、フォーカスまたはマウスオーバーを取得したときにテキストボックス (入力) にスタイル切り替え効果を追加したいと考えています。実際には、ページ上のテキストボックスを取得し、onfocus イベントまたはその他の対応するイベントを追加するだけで済みます。この記事では、フォーカス時にスタイルを切り替える方法を紹介します。原理を理解すれば、他の効果を実現するのは非常に簡単です。

ユーザーエクスペリエンスを重視する多くのデザイナーは、フォーカスまたはマウスオーバーしたときにテキストボックス (入力) にスタイル切り替え効果を追加したいと考えています。実際には、ページ上のテキストボックスを取得し、onfocus イベントまたはその他の対応するイベントを追加するだけです。この記事では、フォーカス時にスタイルを切り替える方法を紹介します。原理を理解すれば、他の効果を実現するのは非常に簡単です。

コードをコピーしますコードは次のとおりです。

function focusInput(focusClass,normalClass) {
elements = document.getElementsByTagName("input");
for (var i=0; i if (elements[i].type != "button" && elements[ i].type != "送信" && elements[i].type != "リセット") {
//if(elements[i]. .onfocus = function() { this.className = focusClass; };
🎜> }

コードをコピーします

コードは次のとおりです。

テキストボックス(入力)にフォーカスが当たったときのスタイル変更のサンプルコード(onfocus)_javascriptスキル