問題タブ [mootools-events]
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.
javascript - Mootools リンクのホバーと色の変更
mootools の mousenter デモを使用しています。リンクに影響を与えようとして自分のサイトに置いたので、誰かがそれらにカーソルを合わせると、リンクが別の色にフェードします。私が抱えている問題は、mootools コードが 1 つの ID のみを処理するように設定されていることです! ナビに使っているので、変更したいIDが複数あります。それらすべてにどのように影響を与えることができますか? 配列を使用する必要があることはわかっていますが、Javascript を適切にコーディングするにはあまり得意ではありません。助けてください！
javascript - mootoolsでデフォルトのアクションを防ぐ方法
IE8で開くときに、を押すF3と、検索アクションが表示されます。どうして止められないの？
javascript - ドラッグ可能な div 内の画像をドラッグすると、ドラッグ アンド ドロップが停止する
クライアントは、div 全体をドラッグ可能にするように要求しました。div にはテキストと画像が含まれています。div を<li>タグに変換し、Mootools のドラッグ可能なグッズを使用してすべてを機能させました。これは、クライアントが画像をクリックして IE でドラッグを開始するまで続きます。次に、ブラウザは画像をドラッグしようとしていると判断し、親 li のドラッグ アンド ドロップ イベントを無視します。
画像がドラッグ可能になるのを止めるために何ができるかについての手がかりはありますか? または、少なくとも親のonmousedownイベントをトリガーするには?
サンプル HTML を次に示します。
ドラッグ アンド ドロップに使用する JS の一部を次に示します。
javascript - MooToolsでプログラムで要素をクリックする方法は？
jQueryでは、過去に次のようなことを行ってきました。
そして、ユーザーが要素をクリックしたかのようにすべてが正常に機能します。ただし、MooToolsでは同じことが機能しません。
チェックボックスはオンにならず、バインドされたイベントハンドラーも起動しません。
これを行う方法はありますか？すでにバインドされている「クリック」イベントハンドラーを起動する必要があるため、「チェック済み」属性を設定するだけではオプションではありません。
mootools - element.innerHTML が変更されると mootools イベントリスナーが消える
保存された値のセットを表示するページをまとめました。ユーザーがドロップダウンメニューから新しい項目を選択するたびにページを更新する必要なく、mootools と AJAX 呼び出しを使用して値を更新しています。
HTML の各行は次のようになります。
頭の中で、次のようなイベントリスナーを設定しました:
私の問題は、"b_name"選択が変更されたときに、選択のオプションのリストを更新する必要がある"b_level"ことです。別のページの PHP スクリプトを介してデータベースから可能なオプションのリストを取得し、"b_level"の innerHTML を置き換えることで、これを実現します。それを行うと、に接続されているイベントリスナーが機能し"b_l selector"なくなります。
次のように変更する"b_l selector"たびにイベントリスナーを明示的にアタッチすることで、この問題を解決しようとしました。"b_name"
ここで、「row」は html 要素「div.selections」です。
まだ機能しておらず、何が起こっているのかわかりません。これを解決する方法について誰か提案できますか? または、おそらく私がしていることを行うためのより良い方法です。
javascript - jQuery で「クラス/オブジェクト」MooTools スタイルのイベントを使用する
MooTools の優れた点の 1 つは、イベントをオブジェクトに簡単に割り当て/起動できることです。たとえば、次のようになります。
このようなことを jQuery でどのように行うのでしょうか? .bindとがあることは知って.triggerいますが、これを行う唯一の方法は、イベントをウィンドウ オブジェクトにバインド/起動することです。
MooTools のアプローチのように、これより優れたものはありますか?
javascript - Programmatically fired events not working with event delegation
Would really appreciate if anyone can help me figure out why I am unable to fire events programmatically when using event delegation in MooTools (from the Element.Delegation class).
There is a parent <div> that has a change listener on some child <input> elements. When the change event is triggered by user actions, the handler on the parent div gets triggered, but when I fire it programmatically with fireEvent on any child input, nothing happens. The basic setup is:
html
js
The event handler on the parent div does not get called. Any help is appreciated.
Related question: Do events triggered with fireEvent bubble at all in the DOM tree? My current hack is to dispatch the event natively which is working (but a hack nonetheless) - http://jsfiddle.net/SZZ3Z/1/
javascript - カスタム イベントが機能しないのはなぜですか? (
Mootools について学んでいますが、カスタム イベントの起動に問題があります。確かに単純なことに違いないのですが、一生見ることはできません。
Fx.Tween を使用していくつかのリスト項目を微調整する単純なクラスを作成しました。何を試しても、カスタムイベントがトリガーされないことを除いて、完全に機能します。
そしてHTMLで：
私も次のことを試しました：
私は何を間違っていますか？