問題タブ [event-binding]

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.

0 投票する
1 に答える
1680 参照

javascript - 新しい要素を追加した後、イベント リスナーが機能しない

基本的に、テキスト ボックスにテキストを入力し、[投稿を追加] をクリックすると、新しい投稿が他の投稿のリストの先頭に追加されます (Twitter と同様)。これらの投稿にはそれぞれ「削除」ボタンがあります。

今のところ、各投稿で削除をクリックするconsole.logと、「TEST」とだけ表示されます。そして、それはうまくいきます。ただし、投稿を追加した後、つまり新しい要素が追加された後、イベントリスナーは、既存の「削除」ボタン (新しく追加されたボタンだけでなく) に対しても機能しなくなります。

これは、削除のイベントリスナーを作成した方法です。

...今のところdeleteEntryCont、コンソールが「TEST」をログに記録する機能はどこにありますか。

deleteDOMの変数でdocument.getElementsByClassName("delete")あり、単なるノード リストです。

新しい「投稿」が追加された部分は次のとおりです。

entryList上記のコードが HTML でレンダリングするオブジェクトの配列はどこにありますか。

問題は何ですか?

0 投票する
1 に答える
872 参照

python-2.7 - Tkinter リストボックスの動作の不一致、矢印キーとマウス クリック

私の環境は、Windows 7 で実行されている Python 2.7 です。

ユーザーが「アクティブな」アイテム(つまり、フォーカスのあるアイテム)を変更したことに応じて、コールバックをトリガーするTkinter Listboxを取得しようとしています。<<ListboxSelect>>これを実現するためにイベントへのバインディングを使用していますが、うまく機能しています。

コールバック自体は、新しいアクティブなアイテムが何であるかを確認し、それに応じて何らかの処理を実行することになっています。このロジックは、上下の矢印キーを使用してアクティブなアイテムを変更したときに期待どおりに動作します。しかし、代わりに新しいアイテムをポイント アンド クリックすると、コードは以前のアクティブなアイテムを現在のアイテムとして誤って識別します。

これは、私が得ている動作を示す簡略化されたコード サンプルです。

矢印キーを使用した場合の結果は次のとおりです。

矢印キー

しかし、マウスでクリックすると、次のようになります。

マウスクリック

情報は 1 つ遅れて表示され、代わりに前の選択が表示されます。(同じ項目をもう一度クリックすると、「追いつきます」。)

だから私の質問は:

  1. 不一致の原因は何ですか?
  2. マウスクリックで正しい結果が得られるように修正するにはどうすればよいですか?
0 投票する
1 に答える
415 参照

angular - angular の Kendo ui: コンポーネント内の変数のメソッドに kendoButton のクリック イベントをバインドします。

メソッド「actionnowrapper()」を保持するタイプ「any」のコンポーネント変数「メッセージ」があります。

以下のようなボタンにバインドするたびに、これはうまく機能します。

kendoButton ディレクティブを使用すると、これが機能しなくなります。

Kendobutton をコンポーネント内のメソッドに直接バインドするとうまくいきますが、これは必要なものではありません。

コンポーネント変数のメソッドに kendobutton をバインドするにはどうすればよいですか?

どうも!