試圖爲特定字符創建一個keydown事件來突出顯示我的網頁上的特定div

-1

我想要解決如何根據我的鍵盤上的keydown事件突出顯示某個div，以供我的網頁使用。如果有人能幫助我，那將會很棒。乾杯。試圖爲特定字符創建一個keydown事件來突出顯示我的網頁上的特定div

2017-03-01 Joe Farrelly

堆棧溢出的是不是一個代碼編寫的服務，它的預期，嘗試將此代碼自己。我建議你對你的問題做一些研究（也許試試頁面頂部的搜索框），並嘗試自己編寫一些代碼。如果/當您遇到任何與您的代碼有關的問題時，請再次提問並解釋您所嘗試的內容，以及爲什麼它不適合您。請參閱[如何提問]（http://stackoverflow.com/help/how-to-ask）尋求幫助，提出一個很好的問題以及[最小，完整，可驗證的示例]（http://stackoverflow.com/幫助/ MCVE）。 – bc004346

爲你的信息我一直在尋找這個話題的最後2天，並沒有發現任何我可以解釋清楚，我明白你的意思，但它不是這種情況 –

請[編輯]你的問題，以顯示[你迄今爲止嘗試過]（http://whathaveyoutried.com）。你至少應該包括一個你遇到問題的代碼大綱（但最好是[mcve]），然後我們可以嘗試幫助解決具體問題。你還應該閱讀[問]。 –

如果您使用的是jQuery，jsfiddle將會有所幫助。

HTML

<div id='test'>Hello world</div>

CSS

#test { 
    border: 1px solid black; 
    float:left; 
} 
.new { 
    border:4px solid red !important; 
}

$(function() { 
    $(document).on('keydown',function() { 
    if(e.which == 65 || e.which == 66) { # 65 and 66 are ASCII for a and b in small caps 
     $('#test').addClass('new'); 
    } 
    }); 
    $(document).on('keyup',function() { 
    $('#test').removeClass('new'); 
    }); 
})

來源

2017-03-01 15:17:46

我將如何實現jQuery，它是否像鏈接到一個css文件？ –

是的，它的類似，你可以在HTML的正文部分編寫''包括它 –

我似乎無法得到這個工作邊境只是保持黑色？ –

也許這樣的事情應該工作

HTML

<div id="mydiv">Text</div>

CSS

.highlight{ 
    background:green; 
}

document.addEventListener('keydown',function(e){ 
    if(e.key == '<key here>') mydiv.classList.add('highlight') 
})

測試上的jsfiddle工作：https://jsfiddle.net/u9z68arp/

來源

2017-03-01 15:09:30 levi

感謝您的編輯...'addEventListener'是正確的 – levi

，似乎沒有工作不幸 –

看到小提琴，爲了這個工作，你應該關注「結果」窗口。簡單的嘗試點擊「text」div然後在你的鍵盤上輸入「e」（小寫）......它的工作原理 – levi

試圖爲特定字符創建一個keydown事件來突出顯示我的網頁上的特定div

回答

相關問題