Javascript 具有未知選擇器和子項的事件委托

[英]Javascript event delegation with unknown selector and children

我有一個動態選擇器（linkTrigger），它應該捕獲對元素的點擊。 我不知道 linkTrigger 可能是什么，也不知道它是否會有一些孩子。 當我使用 jQuery 時一切都很好。 如果您單擊第一個綠色矩形（不是數字部分），您將看到所有 3 個處理程序都按預期工作，但如果您單擊第一個綠色矩形中 ...

從呈現的航班列表中，如何訪問與已單擊的航班預訂按鈕相關的特定航班數據？

[英]From a rendered list of flights, how does one access the specific flight-data which relates to the flight's booking-button that has been clicked?

從獲取的航班數據項數組中，我能夠創建一個表格，其中每一行都顯示其特定的航班數據，旁邊還有一個用於預訂相關航班的按鈕。 我想將每個按鈕添加到一個數組中，以便我可以使用該數組來1)訪問當前預訂的航班和2)添加/顯示它到購物車/在購物車上。 我遇到的問題是數組bookedFlights永遠不會被附加，所 ...

使用 Jasny Bootstrap 時 DOM 事件委托不起作用，這是怎么回事？

[英]DOM Event Delegation isn't functional when using Jasny Bootstrap, how come?

我的目標是在一組輸入（一些是動態生成的）的更改事件之后運行一些 javascript。 我了解 DOM 事件委托的必要性以及如何實現它，但我遇到了一些我無法真正解釋的問題，除了使用 Jasny Bootstrap 時，事件監聽器不起作用。 這是我的問題的代碼示例，也可以在Fiddle with H ...

在Javascript聲明了一個let變量，沒有賦值，這是為什么呢？

[英]Declare a let variable without assigning a value in Javascript, why that is?

我在 Javascript.info 中找到了這個：在此處輸入鏈接描述。 這是一個事件委托演示：一個 9 單元格的表格，當我們單擊其中一個單元格時，單元格 ( event.target ) 將其顏色更改為紅色，我們之前單擊的單元格將恢復其原始顏色。 而且我在徘徊如何在不分配值的情況下聲明let變量 ...

為什么我的復選框會更改處理 select 或取消選擇每個表中的所有行而不是當前行？

[英]Why does my checkbox change-handling select or deselect all rows in every table instead of just the current one?

我在一個頁面上有多個表格。 每個表在 header 中都有一個“全選” checkbox 。 在正文中，每一行都有另一個checkbox 。 當用戶檢查每個男孩行時，將應用一個active的 class 並突出顯示標記的行，並且計數器增加/減少。 我在檢查所有 function 時遇到問題。 當用 ...

當 HTML 被動態附加時，從目標到所有內部元素的事件委托？

[英]Event delegation from target to all inner elements when HTML is dinamically appended?

我有這個基本的 HTML 代表一個按鈕，我想附加一個點擊事件，但是這個按鈕通過一個 ajax ZC1C425268E68385D1AB5074C17A94F14F14Z 中的初始事件不存在，所以沒有附加到容器中以這種方式到容器 document.querySelector('#container' ...

事件委托不會捕獲所有內部元素

[英]Event delegation does not capture all inner elements

我在我的項目中使用事件委托，但由於某種原因它不能按預期工作。 這似乎是一個重復的問題，但搜索了幾天我還沒有找到解決方案，所以它不是很清楚，即使在我在 UDEMY 上的一門課程中也沒有解決這個問題。 html結構是這樣的： 帶有美元符號的變量是 php 變量，“users-list” <div ...

將 onClick 事件附加到項目列表中動態創建的按鈕時出現問題。 （反應 v18）

[英]Problem with attaching onClick event to dynamically created buttons in list of items. (React v18)

我有一個動態生成的項目列表，其中包含有關房地產對象的信息。 每個項目都有一個按鈕。 單擊時會彈出聯系表格。 但是，當單擊按鈕時，事件會在列表中的所有項目上觸發，而不是僅在單個項目上觸發？ 我用 javascript 事件委托解決了它，但這不是處理這個問題的反應方式。 在反應中做到這一點的最佳方法是 ...

根據按鈕單擊填充下一個空文本輸入

[英]Populate next empty text input based on a button click

我有一組簡單的按鈕，可以按任何順序單擊。 單擊按鈕時，應填充下一個可用的文本框。 到目前為止，我只能使按鈕單擊填充焦點所在的文本框。 這只真正完成了我的一半任務。 目前，如果可能的話，我只在尋找 vanilla JS 解決方案而不是 JQuery。 ...

為什么將元素與此關鍵字進行比較？

[英]Why compare element to this keyword?

我正在查看以下鏈接，它是事件委托文檔的一部分。 在鏈接中，我們有以下內容 我只是無法理解為什么以下while (target != this) 。 我知道這里的this關鍵字指的是整個表，因為那是正在播放的對象，但為什么要以這種方式編寫循環呢？ 可能我對這個的理解沒有那么深。 如果有人可以請 ...

一段時間延遲后無線電組上的火災事件

[英]Fire event on radio group after some time delay

我正在尋找一種解決方案，讓事件在一段時間延遲后在無線電組上觸發。 具體來說，我需要向用戶提問並希​​望在不讓用戶單擊單獨按鈕的情況下提交他們的輸入。 同時，用戶在考慮答案時應該可以點擊不同的單選按鈕。 onInput和onChange在用戶單擊后都會立即觸發。 但是，還有其他解決方案嗎？ 這 ...

如果跨度是某種顏色，是否有可能做某事？

[英]Is it possible that if a span is a certain color do something?

我想確保當 span 元素變成石灰時，會出現一個警告框，但是，我嘗試同時使用 hasAttribute() 和 getAttribute() 來嘗試正確地制作 if 語句 function，但兩者都對我不起作用，發生錯誤的原因可能是 innerHTML 是在 forEach() function ...

如何將 onClick 事件偵聽器添加到表中？

[英]How can I add an onClick event listener to a table?

我目前正在嘗試添加一項功能，當我單擊表中的用戶名時，它將顯示該用戶發布的所有帖子，但我完全被難住了。 帖子的 url 是https://jsonplaceholder.typicode.com/posts 我目前已經設置了表格，並將附上表格的圖像和下面的代碼。 這是我試圖解決的問題以獲取更多上下文 ...

試圖從 api 中過濾 4 個不同的房屋

[英]Trying to filter 4 different houses from an api

我正在嘗試根據 API ( http://hp-api.herokuapp.com/api/characters ) 中屬於哪個房子的字符來分隔字符我嘗試過使用.filter 和.map，但一直無法實現該目標，我不知道這里是否適合尋求幫助以了解如何實現我的目標。 這是代碼： const stude ...

Javascript 動態內容事件委托問題

[英]Javascript dynamic content event delegation problem

每次單擊按鈕時，都會顯示一個復選標記。 如果單擊的按鈕未激活，則取消選中標記。 此外，當單擊按鈕時，將顯示“加載動態內容”按鈕。 加載動態內容時出現問題。 加載后，出現復選標記。但刪除復選標記不起作用。 我對動態內容使用嵌套事件偵聽器。 當我在加載后檢查控制台日志時，按鈕 class 元素沒有改變。 ...

為什么刪除 function 在 javascript 的事件委托中不起作用？

[英]why remove function is not working in event delegation in javascript?

我想在單擊刷新 btn 時刪除h1標簽，但它不會刪除 h1 標簽，但是當我在每個運行的 btn 上使用 addeventlistener 運行相同的代碼時。 但不是在委托中運行。 var wrapper = document.querySelector(".wrapper"); wrapper. ...

在ajax調用中附加tbody后點擊事件不起作用？

[英]on click event not working after append tbody in ajax call?

我正在使用帶有 jquery 的 php 和 mysql 來顯示我的數據。 我on點擊事件的初始時間是在tbody on工作。 但是當我用 ajax 調用附加 tbody 時，它不起作用。 我正在使用帶有.on事件委托 我的 html 表：我使用簡單的 html 表來顯示我的數據和任何 TD 添加 ...

如何將產品項目添加到購物車以及如何在始終（重新）計算購物車項目的總價的同時將其從那里刪除？

[英]How does one add a product-item to a shopping-cart and how would one remove it from there while always (re)calculating the cart items' total price?

以下數組具有作為產品項目的對象。 單擊“ Add to cart按鈕應通過mytable函數將相關項目呈現為表格演示，如下所示。 這是應該從上面提供的數據創建產品概述（包括事件處理）的循環。 這是上面代碼的其余部分，預計將產品概述寫入文檔。 還有上面提到的mytable函數，它應該創建一個商 ...

如何檢查事件目標是否包含在元素中？

[英]How to check if event target is contained within an element?

我正在嘗試應用事件委托，所以我想在 li 元素內單擊時更新文本，但是當我在元素內單擊時，它不會觸發。 我不想將事件偵聽器直接附加到 li，因為列表可以更新並且 li 中可以有任何元素類型。 const menu = document.querySelector('.menu'); const t ...

按鈕單擊重置 web 頁面

[英]Button click resets a web page

只要我單擊發出簡單警報的按鈕，web 頁面就會重置。 僅當從一開始就單擊不在 DOM 中的按鈕時才會出現此問題。function addNewBook (book, author, pages) { // Add inputs and labels to the HTML form ...