通過'onMouseEnter'和'onMouseLeave'function制作hover function時，如何首先申請'onMouseLeave'function？
[英]When making hover function by 'onMouseEnter' and 'onMouseLeave' function, how can I apply 'onMouseLeave' function at first?
你可能不明白標題，但我會解釋問題是什么。 我正在嘗試制作一些按鈕。 按鈕懸停時會發生變化。 當其他按鈕懸停時，最初選擇的按鈕不會改變，但當其他按鈕被選擇時會改變。 如果您查看下面的代碼或 codesandbox 鏈接，我認為您可以立即理解我的意思。 問題： 如您所見，我使用'onMouseOver ...
任何類型的按鈕激活的哪個事件？
[英]Which event for any kind of button activation?
我應該使用哪個事件來激活任何類型的按鈕： 鍵盤返回鼠標點擊手指觸摸我需要定義三個事件處理程序還是只定義一個？ 這個問題的目標是普通的 JavaScript，沒有任何圖書館使用。 當 W3C 發明了一個新的事件，可以識別放屁的聲音來激活按鈕時，會發生什么？ 我是否必須添加第四個事件處理程序？ ...
從事件調用時，clearTimeout() 不起作用
[英]clearTimeout() doesn't work when called from an event
這是我的另一個更大項目的總結示例。 在這個例子中，當我點擊它時，我為我的節點設置了一個新樣式，一旦設置了新樣式，我就會觸發 setTimeout() 以允許樣式持續幾秒鍾，直到它消失。 另一方面，我有一個 keydown 事件，當我按下任意鍵時，它應該取消超時。 因此，如果使用 clearTimeo ...
給多個按鈕一個 EventListener
[英]Giving Multiple Buttons an EventListener
我正在制作一個包含輪播和按鈕的網站。 當您單擊按鈕時，它會向左或向右移動輪播以查看更多或以前的內容。 我首先創建了兩個函數，一個用於后退按鈕，一個用於前進按鈕。 它有效，但我意識到我需要為所有按鈕制作它，因為我有多個旋轉木馬。var nextButton = document.querySelec ...
使用純 JS（不是 jQuery）將事件監聽器添加到多個輸入元素
[英]Adding event listeners to multiple input elements using plain JS (not jQuery)
我有一個在 jQuery 中完美運行的代碼塊，但它是我正在轉換為普通香草 Javascript 的項目的最后一部分，其特定目的是刪除對 jQuery 的任何和所有依賴項。 這是有問題的現有代碼塊： 如何僅使用普通的純 JS 實現相同的功能？ 注意： inputComma 是一個自定義處理程序，它在用 ...
JavaScript function scope - 為什么允許我將事件處理程序附加到未命名的元素？
[英]JavaScript function scope - why am I allowed to attach event handlers to unnamed elements?
我操作 DOM（在 JavaScript 中）的常用方法是創建或 select 一個元素，然后將事件處理程序附加到該元素。 這對我來說很有意義：該元素具有一種標識形式，並且該標識用於確定哪個腳本/事件處理程序/函數附加到它。 然而，這還不是全部，因為我編寫了以下代碼，看到它有效時我有點驚訝： m ...
按下 Ctrl、Shift 等時如何阻止正則表達式選擇字符匹配項？
[英]How to stop regex from picking up character matches when Ctrl, Shift, etc. are pressed?
我的任務是制作一個代碼，當按下一個鍵並計算輸入的字符數時。 我決定使用var regex=/[a-zA-Z0-9]/; ，但令我驚訝的是，當我按下Enter 、 Shift 、 Ctrl或Alt時，它會注冊所有這些。 這是重要的代碼片段：window.onload = init; functi ...
Javascript：“更改”處理程序的條件可以停止其他事件傳播嗎？
[英]Javascript: condition on 'change' handler can stop other event propagation?
我在文本字段上有一個“onChange”事件，用於檢查某些條件。 $(document).ready(function() { $('#txt').on('change', (ev) => { if ($(ev.target).val() == "stop") { console.warn ...
DOM 操作點擊鼠標事件
[英]DOM Manipulation Click Mouse Event
我試圖通過單擊鼠標來更改 web 頁面的背景顏色，下面是相同的行： let bodyvar = document.querySelector('body'); bodyvar.addEventListener("click",generate); function generate(){ body ...
苗條的 mouseout 事件在元素內部觸發
[英]svelte mouseout event triggering inside element
我在意外觸發mousein和mouseout事件時遇到問題。 我正在嘗試使用 GitHub svg 圖標並聆聽鼠標何時進入和離開圖標。 不過，我無法在Svelte 的 REPL中復制它。 在 REPL 中， mouseout事件將觸發一次，但是將我的鼠標移過該元素會在一次傳遞中導致 4-5 次mou ...
React JS onKeyUp 事件不發送數據到 function
[英]React JS onKeyUp event does not sending data to function
我正在嘗試像 linkedin 一樣創建ajax user search ，所以當我從鍵盤輸入一個字符時，我應該在不按回車鍵的情況下得到結果。 在我的輸入字段中，我有onKeyUp={sendData(this)}來發送 sendData function 中的數據，然后獲取結果。 我的問題是在c ...
在簡單的 Memory 游戲中存儲首次單擊的元素
[英]Store First Clicked Element in s Simple Memory Game
我正在制作一個簡單的顏色 memory 游戲，最初有 6 個黑盒子，點擊它們會改變顏色，從預定義的數組中取出 colors，該數組在游戲開始時被洗牌。 但是我在比較部分卡了好幾個小時 - handleCardClick function。當兩個盒子的colors相同colors時它有效，但是當col ...
在 onClick 事件上標記 not working on pure javascript
[英]tag a not working on pure javascript on onClick event
我遇到了以下問題。 我做了一個登陸頁面，通過純 javascript 鏈接到頁面部分，一切似乎都有效，超級。 但是，我想添加一個常規的 <а></а> 鏈接，結果發現它不起作用，我知道原因在於 event.preventDefault(); 但是如果刪除它，那么主腳本就會中 ...
計算器：如何讓它接受小數和百分比？
[英]Calculator: How to make it accept decimal numbers and percentage?
下面我將把我的 html 和 js 代碼放在一起，以便更好地理解我的疑問。 現在，我正試圖讓它與 3.5 + 3 這樣的小數一起工作，並給出正確的結果：6.5。 目前它向下舍入並給出 6。我已經准備好接受逗號的代碼，下面是代碼部分，但我仍然不明白如何修復它： 另一件事是百分比也不起作用...... ...
EventListeners，定義在JavaScript中的另一個EventListeners
[英]EventListeners, which are defined in another EventListeners in JavaScript
我想在單擊button后定義一個EventListener 。 我在另一個EventListener中設置了EventListener ，並希望子EventListener僅在父事件被觸發后才監聽click event 。 代碼片段： const btn = document.querySele ...
從多個輸入中獲取多個值 onchange Javascript
[英]Get multiple value onchange from multiple input Javascript
我試圖根據付款類型從收費字段中獲取每個值。 當 price 和 pay 都有值時，charge input 字段將填寫 pay - price ，而 total amount 字段將在選擇 type payment 選項時填寫。 在第二種情況下，當我有多個表格和相同類型的付款（例如現金）時，它 ...
作為元素屬性的函數和 Angular ExpressionChangedAfterItHasBeenCheckedError
[英]Functions as Element Attributes and the Angular ExpressionChangedAfterItHasBeenCheckedError
我正在樹表上創建一個摘要行，該表也具有過濾功能（我使用的是 ng Prime 組件庫，但我認為這與錯誤或問題無關）。 我希望我的匯總行只匯總當前查看的信息，因此當展開樹或應用過濾器時，匯總應該改變。 我通過我設置為元素屬性 [attr.summaryFunction]="summaryFuncti ...
在 React 中覆蓋 onClick
[英]Overriding onClick in React
這是一個有點奇怪的問題。 我在 React 中處理事件類型，我們希望在某些情況下使用 onClick，在其他情況下使用 onPointerDownCapture（出於某些原因）。 但為了更一般化，它可以是任何兩個不同的類點擊事件。 問題是雖然我們可以在表達式的右側分配任何 function 處理程 ...
JavaScript：在單擊事件時中斷 promise 中的 setTimeout()
[英]JavaScript: Interrupt a setTimeout() inside a promise, upon a click event
這是我面臨的問題的非常簡化的再現： HTML這一位已經被使用了<body><button id="click">Click</button></body> 我基本上想要的是： 如果我點擊按鈕， mains()將立即運行如果我不這樣做， setTim ...
為什么事件監聽器“點擊”顯示的是“body”元素而不是我點擊的元素？
[英]Why Event Listener "click" shows the "body" element instead of the element that I clicked on?
我去了 chessboard.js https://chessboardjs.com/examples#5000 ，打開開發工具並粘貼以下代碼 當我點擊一個空的國際象棋方格或一個有黑色棋子的方格時，控制台打印出正確的結果（例如，“div#e5-b9f9-a5bc-69e1-3e5a-4b82-b2 ...