cost 321 ms
如何重置按鍵時的背景顏色?

[英]How can I reset background color on keypress?

我正在嘗試讓 div 在鼠標懸停時更改其背景顏色,並能夠重置那些 colors。我已經管理了前者,但后者給我帶來了問題。 如所寫,div 實際上會改變顏色,但嘗試按下某個鍵不會產生任何結果。 我還嘗試將 resetColor function 放在同一腳本塊中,但這樣做使得我什至無法將 hover ...

刪除元素時刪除 keydown/keyup document.eventListener

[英]Remove keydown/keyup document.eventListener when element is deleted

我有一個 ID 為“div1”的 div,當用戶按鍵時它會更新。 我為運行 function“更新”的 keydown 事件添加了一個事件監聽器,並將其附加到文檔中,如下所示: 當“div1”從 DOM 中移除時,事件偵聽器仍然存在。 如果我將事件偵聽器添加到“div1”,那么當從 DOM 中刪除 ...

狀態是<empty string>在按鍵事件上調用函數時

[英]State is <empty string> when function is called on key event

在 React 中,我有許多按鈕(想象一個帶有數字的 PIN 布局)在點擊時更新狀態。 我還在document中添加了一個事件偵聽器,因此鍵盤上的按鍵也會更新 pin。 但是,有一個奇怪的問題。 當我通過單擊按鈕添加數字時,狀態正常工作並且一切正常,但是當我按下物理鍵盤上的鍵時,狀態會更新,但會記錄 ...

如何使用 keydown 屬性操作復選框?

[英]How to operate checkbox with keydown property?

我想在按下輸入時勾選復選框,並且在按下退格復選框后,輸出應該同樣顯示在行標記中,並且元素必須從行中刪除。 但我該怎么做? 不使用 jquery。 for (i = 301; i &lt; 359; i++) { document.write("&lt;input type='chec ...

在單獨的函數中跟蹤輸入字段中的用戶按鍵

[英]track user key presses in input field in a separate function

我想在單獨的函數中跟蹤輸入字段中的用戶按鍵並根據onkeydown值調用函數。 我在下面的東西不起作用。 什么都沒發生。 我對令人大開眼界的啟示和評論持開放態度。 我想我錯過了一些重要的東西。 function find_key(Fval, Fid) { //prevents mal ...

為什么 onKeyDown 和 onKeyUp 在附加到 contenteditable div 中的 span 時不會觸發?

[英]Why doesn't onKeyDown and onKeyUp fire when attached to a span within a contenteditable div?

這是一個演示問題的代碼片段: 關注 div 並按下一些按鈕后,不會觸發警報。 為什么? https://codesandbox.io/embed/react-playground-forked-fymxg3?fontsize=14&amp;hidenavigation=1&amp;theme ...

antd Popconfirm onKeyDown事件如何實現

[英]How to implement antd Popconfirm onKeyDown event

我不僅需要在單擊“取消”按鈕時觸發 Popconfirm 消息,而且還需要在按下鍵盤上的 Esc 按鈕時觸發。 Antd 為 onMouseEnter、onMouseLeave、onFocus、onClick 事件提供了開箱即用的解決方案。https://ant.design/components ...

on:keydown 事件與 Enter Key in svelte

[英]on:keydown event with Enter Key in svelte

我在按鈕上使用帶有on:click事件的 svelte。 單擊此按鈕時,我會將一些信息發送到更高層的組件。 我想做的是改為按回車鍵,但是on:keydown似乎不起作用? 我怎樣才能在按下回車鍵時觸發它? ...

在 React 的 keyDown 上的 e.preventDefault() 之后不能使用任何鍵

[英]Can't use any key after e.preventDefault() on keyDown in React

我需要阻止用戶在輸入中輸入超過 4 位數字。 調用e.preventDefault()可以與onKeyPress一起正常工作,但我不想使用它,因為它已被棄用。 使用onKeyDown有效,但在調用e.preventDefault()之后,用戶無法刪除文本,該輸入現在已“凍結”。 我知道這是設計使然。 ...

使用單個按鍵跳過視頻

[英]Skipping through a video with a single keypress

我有一個 React 視頻播放器項目,並且有一種方法可以在發生 keyDown 事件時將視頻跳過 1 秒。 這是有效的,因為如果您按住該鍵,則會觸發多個事件,因此視頻會繼續以例如 5 秒的間隔跳過,直到用戶釋放該鍵。 我現在想以不同的方式實現它,所以當用戶按下一次鍵然后,即使他們抬起手指,視頻也會繼 ...

我們如何檢測 Macbook Pro 觸控欄按鍵的“keyDown/keyPress”事件?

[英]How do we detect the "keyDown/keyPress" events for Macbook Pro touch bar keys?

我最近遇到了在 Esc 按鍵上關閉 Modal 的要求(508 合規性)。 然后我意識到我在我的 react 組件上編寫的 onKeyDown 處理程序沒有按預期工作。 從我的 macbook pro 的觸摸欄中單擊 Escape 鍵時不會觸發該事件。 有沒有人經歷過類似的問題? 如果是,是否有解 ...

事件“OnKeyDown”在反應應用程序中僅觸發一次

[英]Event “OnKeyDown” fires only once in react app

大家好。 我是網絡開發新手。 我只是無法理解問題所在。 我的任務是使用 ctr + ArrowUp(增加)和 ctr + ArrowDown(減少)的組合來更改輸入的部分(日和月)。 變量部分也被突出顯示 - 這是通過跟蹤光標的位置 (selectionStart) 來實現的。 該代碼有效,但由於某 ...

如何檢查 dom 的反應 onKeyDown

[英]How to check dom for react onKeyDown

我正在創建一些會給僅使用鍵盤的用戶帶來麻煩的示例。 我有一個像這樣創建的元素: 但是,當呈現到 DOM 時,即使認為它現在可以鍵盤激活,onKeyDown 也不存在。 所以,我檢查元素是否已經有一個 onkeydown 事件: if (el.hasAttribute('onKeyPress ...

無法從 ReactJS 應用程序中的 keyDown 事件處理程序中調用函數

[英]Can't call function from within keyDown event handler in ReactJS app

我要回到去年正在開發的幻燈片應用程序。 我已經設置了 prevSlide 和 nextSlide 功能,以便在按下按鈕時觸發,但我也希望支持箭頭鍵導航(未來可能還有移動屏幕滑動功能)。 我設置了 ComponentDidMount/ComponentDidUnmount 函數來為我的 handle ...

在輸入值之前,最大長度不會顯示,並且在 Backspacing 之后它會減少到 31 個字符

[英]The max Length is not showing until value is inputted and also after Backspacing it is decreasing to 31 characters

Max length 的值在加載時為 30,在退格所有字符后再次為 30。 此外,我必須在中途給出兩個輸入或兩個退格鍵來更改值。 我需要它就像 Stackoverflow 問題框一樣,上面寫着“x”字符。 ...


 
粵ICP備18138465號  © 2020-2024 STACKOOM.COM