HTML
 Computer >> コンピューター >  >> プログラミング >> HTML

HTMLでクリックするとブートストラップドロップダウンが閉じます

ご覧のとおり、ドロップダウンを開いて他の場所をクリックすると、ドロップダウンが閉じます。

以下のコードを使用することで、クリック後もドロップダウンメニューを開いたままにすることができます-

$('#myDropdown').on('hide.bs.dropdown', function () {
   return false;
});

別のオプションは、クリックイベントを処理することです-

クリックイベントは、次のコードを使用して処理することもできます。 event.stopPropagation（）メソッドは、親要素へのイベントのバブリングを停止します。親イベントハンドラーが実行されないようにします-

$('#myDropdown .dropdown-menu').on({
   "click":function(e) {
       e.stopPropagation();
    }
});

  1. HTMLonclickイベント属性

    HTML onclick属性は、HTMLドキュメント内のHTML要素をマウスクリックするとトリガーされます。 構文 以下は構文です- <tagname onclick=”script”></tagname> 例 HTMLonclickイベント属性の例を見てみましょう- <!DOCTYPE html> <html> <head> <meta name="viewport" content="width=device-width, initial-scale=1.0"

  2. クリックするとマウスがすべてを強調表示します

    一部のユーザーは、クリックするとマウスカーソルがすべてを強調表示するという不満を持っています。彼らによると、この問題は特定のアプリケーションに関連していません。 Microsoft Wordまたは他の同様のアプリケーションで作業している場合、マウスカーソルはクリックしてもテキストを選択し続けます。 Webブラウザーで作業している場合、目的のタブ、Webサイト、テキストなどを選択しようとすると、マウスカーソルが強調表示され続けます。他のアプリケーションでも同様の問題が発生します。このような問題が発生している場合は、この記事が問題の解決に役立つ可能性があります。 マウスをクリックするとすべて