按下第二個按鈕時調用onKeyUp

我正在製作一個應支持下標的自定義輸入字段。當用戶按下向下箭頭+一個數字時，該數字應該在下標中。我將一個onKeyDown和onKeyUp事件監聽器添加到內容可編輯段落中。不幸的是，當用戶按下數字時，onKeyUp被調用，導致數字加兩次（一次在下標和一次正常）。我怎麼解決這個問題？按下第二個按鈕時調用onKeyUp

function keyDown(event) { 
    var code = event.keyCode; 
    if (code === 40) { 
     option = 0; 
    } 
} 

function keyUp(event) { 
    var code = event.keyCode; 
    if (code === 40 || code === 38) { 
     option = -1; 
    } 
    console.log("release"); 
}

onKeyPressed不是一個選項，因爲它無法識別所有瀏覽器中的箭頭鍵。有沒有本地解決方案（沒有jQuery）？

來源

2015-02-09 user2810895

我最常做的是將keyCodes推入一個陣列上keyDown和.splice()它keyUp。

現在您只需檢查（可能是針對預定義的地圖）您希望的按鍵狀態是否在陣列中可用。

來源

2015-02-09 16:45:44 jAndy

你能舉個例子嗎？ – user2810895 2015-02-09 16:52:39

只要您的文本字段具有焦點，除了您的keyup或keydown偵聽器添加到它之外，您按下的任何數字鍵都將被添加到它。也許你應該從keydown上的文本字段中取消焦點，如果你按下的鍵是向下鍵並且在keyup事件觸發後再次添加焦點。

/* Keep track of the down key. */ 
var down=false; 
/* Get the input text field. */ 
var input=document.getElementById("input"); 
input.addEventListener("keydown",keyDown); 
input.addEventListener("keyup",keyUp); 

/* Give focus to input. I'm not sure if this is the right way to do it, I haven't tested this code, but I know there's a way to give focus to elements and it sort of looks like this. */ 
input.focus(); 

function keyDown(event_){ 
    switch(event_.keyCode){ 
     case 40: 
      /* Once again, not sure how to unfocus, but I know you can. */ 
      input.unfocus(); 
      down=true; 
     break; 
    } 
} 

function keyUp(event_){ 
    switch(event_.keyCode){ 
     case 40: 
      /* Give focus back to input after the keyup event has fired. */ 
      input.focus(); 
      down=false; 
     break; 
    } 
    if (down){ 
     input.value+=//The subscript version of whatever key you pressed. 
    } 
}

再次，我只想說，這個代碼沒有經過測試，我不知道，如果焦點（）和無焦點的（）是真正的方法，但你的想法。您希望在按下向下鍵的同時暫時停止文本字段接受輸入，以便您可以添加自己的特殊值而不用默認響應更新其內容，然後在向下鍵爲「否」時將焦點返回到文本字段使用時間更長。

來源

2015-02-09 17:11:45 Frank

按下第二個按鈕時調用onKeyUp

回答

相關問題