問題タブ [stoppropagation]
For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.
jquery - ajaxでロードされた要素でイベントをバインドする方法
ajaxを介してコンテンツをコンテナー(#ajax_content)にロードしようとしています。外側をクリックしたときに、ajaxでロードされたコンテンツ(#ajax_content内のすべて)を閉じる(非表示にする)ことができるようにしたいと思います。しかし、内部の要素のonClickをバインドしたいと思います。
HTML:
AJAXを介してロードされたHTML:
ajaxコンテンツがロードされるとHTMLは
Javascript:
問題:コメントすると
イベントはsuper_helloにバインドされますが、ajax_content内でクリックすると、ラッパーに伝播され、ajax_contentが閉じられます。
javascript - AngularJS Linky フィルター停止伝播
次のようなspan
タグがあります。
ng-repeat 内。
item.Name
ただし、電子メールまたはリンクが含まれている場合、リンキー フィルターが html を変更し、アンカー タグを挿入するという問題があります。リンクをクリックするとng-clickが起動し、アンカーが開きますが、アンカーを開いてng-clickが呼び出されないようにしたいだけです...これは可能ですか?
javascript - jQueryで最初にクリックした後に関数の伝播を停止する方法
クリック機能があります...アクション全体は問題ありませんが、呼び出しボタンをすばやくダブルクリックすると、一部の要素が2回生成されます。最初のクリック後に関数の伝播を停止する方法を教えてください。助けを求める多くのthx、そしてこれは私のコードです:
jquery - ページ内の任意の場所をクリックしてメニューを非表示にする
私はこのコードを持っていますが、常に に添付されたイベントを発生させるようです'html'
。なぜなら、.optTrigger
メニューをクリックしてもう一度クリックすると、ちらつきが発生し、メニューが1秒間非表示になり、再び表示されるからです。'html'
クリックイベントが発生すると思います。
試してみてください: これがアップロードされたサイトです。新しいタスクを追加し、オプション トリガーをクリックする必要があります。これは、新しいタスクのチェック ボタンの右端にある矢印ボタンです。 ここ
これが私のコードです:
html:
脚本:
javascript - Firefox で右クリックが伝播し続ける
珍しいことに気づきました。これは私が達成したいことです:
リンクをクリックしたときに div を表示したい
ドキュメント内の別の場所をクリックしたときに div を非表示にしたい
div 自体をクリックしても消えたくない
このようなもの:
JS:
そのフィドルは問題なく動作しますが、Firefox (15.0.1) でテストしたところ、div を右クリックすると消えてしまいました。これは私が探している動作ではありません。Firefox では、stopPropagation() はクリックでは機能しますが、右クリックでは機能しないようです。Chrome は、右クリックがドキュメントに伝播しないようにします。
どうすれば修正できますか?
ありがとう
jquery - このシナリオで「伝播」を停止するにはどうすればよいですか?
コード:
#link
をクリックすると、#container
ハンドラーが起動しないようにしたいと思います。stopPropagation()
またはを試しpreventDefault()
ましたが、アプローチが間違っていると思いますか?
jquery - Jquery StopPropagation が firefox で機能しない
このコードは Safari と Chrome で動作しますが、Firefox では動作しません。firefox は StopPropagation() に問題がありますか?
jquery - イベントのバブリングと stopPropagation に関する混乱とその後のバブリングの許可
私のメニューは次のように機能します: 各メニュー項目 (例: 下の Menu Item One) は、<td>
ANOTHER 内にネストされたテーブル内にあります<td>
。その外側<td>
には、いくつかの onclick イベント ハンドラー (ここでは "processMenuClick()" と呼ばれます) があります。
特定の条件下で、メニューがクリックに反応しないようにしたい。これがどのように機能するかをテストするために、2 つのボタンを作成します。次のように、各<td>
クラス「innermenuitem」にevent.stopPropagation を適用します。
これはうまくいくようです。ボタンをクリックすると、メニューがクリックに反応しなくなります。しかし、メニューを再度有効にしたいとします。クリック ハンドラーは、外側の でまだ邪魔されていません<td>
。したがって、2 番目のボタンで、inner に適用した stopPropagation を無効にします<td>
。それは理にかなっていますか?もしそうなら、それはどのように行われますか?
注: 上記により、メニューを無効にして再度有効にできるはずであり、アウター<td>
をハンドラーに再バインドする必要はありません。「processMenuClick()」に渡される引数はサーバー上でのみ認識されるため、これは重要です。ハンドラーを再バインドする必要がある場合は、何らかのポストバックを通じてそれらを呼び出す方法を考え出す必要があります。しかし、<td>
これを元に戻す方法があると仮定すると (そして、イベントが再びバブルアップするのを許可する)、私はゴールデンになる必要があります。しかし、他のスレッドを読むと、私が考えているようではなく、stopPropagation が 1 つのイベントにのみ使用されているように見えます。これは、基本的に<td>
. 誰かが私を正すことができますか?(そしてうまくいけば私は問題を解決します。
パラグラム
jquery - jQueryは、on()イベントを使用してbodyのすべての子の伝播を停止します
ポップアップボックスが表示されているときにbody要素のスクロールを無効にするスクリプトがありますが、ポップアップボックス(または本体以外のスクロールバー)のスクロールを無効にしたくないので、確立しましたポップアップボックス内の要素を選択して必要なものですが、その1つの要素だけでなく、すべてに対して機能するようにします。
したがって、私がやりたいのは、この2番目のスクリプトで、.photosを直接選択するのではなく、<body>の子を選択することです。
jquery - 基になるボタンのクリックを防ぐJQueryMobile
こんにちは、モバイルサイトのホームページにオートコンプリートがあります。
テキストを入力すると、オートコンプリートエントリの一部がボタンの上に表示されます。
ボタンの上にあるエントリをクリックすると、ボタンイベントが呼び出されます。
イベントの順番を変更することはできますか?ボタンイベントが最後に呼び出される場合は、stopPropagation()を使用できる可能性があるためです。
ありがとう