ホームページ >ウェブフロントエンド >jsチュートリアル >js_javascript スキルの空白領域をクリックしたときのテキスト ボックスと非表示レイヤーの表示と非表示に関する問題

js_javascript スキルの空白領域をクリックしたときのテキスト ボックスと非表示レイヤーの表示と非表示に関する問題

WBOY
WBOYオリジナル
2016-05-16 17:24:18865ブラウズ

テキスト ボックスにフォーカスが置かれると、テキスト ボックスの下にフローティング レイヤーが表示されます。

ユーザーが Web ページ上のテキスト ボックスとフローティング レイヤーを除く空白スペースをクリックしたときに、フローティング レイヤーを非表示にします。

ユーザーがフローティングレイヤーをクリックすると、テキストボックスの値が変更されます。

コードをコピー コードは次のとおりです:

="Content-Type" content="text/html; charset=utf-8">








style="background :#666;position:absolute;overflow:auto;display: none;padding:50px;">クリックしてください




声明:
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。