有沒有辦法在可編輯的div裏放置鍵盤快捷鍵？

Question

例如，我有一個用戶可以輸入的div。我想放置快捷方式，所以當用戶輸入單詞pi。輸出將是符號π。或者如果用戶輸入sqrt，那麼他們會得到這個符號inf，那麼輸出將是∞。甚至當點擊標籤按鈕縮進幾行時。我還沒有看到這樣做的Web應用程序，所以任何幫助將不勝感激。

Answer 1

有一些廣泛的密鑰跟蹤+字段更新，你可以做到這一點，或者你可以得到一個jQuery插件，已經做了類似的（如果不是完全一樣）並修改它來完成相同的任務。

這可能是你在找什麼，但： http://code.google.com/p/js-hotkeys/wiki/about

Answer 2

你可以簡單地用一個取代。見JSFiddle demo here

$('.test').keydown(function (event) { 
    if ($('.test').val().contains("pi")) { 
    var newVal = $('.test').val().replace("pi", "π"); 
    $('.test').val(newVal); 
    //Place Cusor at the end of the div if using editable div 
    } 
    else if ($('.test').val().contains("inf")) { 
    var newVal = $('.test').val().replace("inf", "∞"); 
    $('.test').val(newVal); 
    //Place Cusor at the end of the div if using editable div 
    } 
}); 

在此示例中，我使用的input。您可以將其更改爲div