用鼠標點擊/箭頭鍵突出顯示行

後面我問了一個關於如何Highlight lines of text on mouseover的問題。然而，正如我曾經使用過這段時間，我注意到這個系統有一些缺陷。其中一個原因是，用戶在切換到新選項卡/移動鼠標以執行其他操作後，無法查看他們的位置。用鼠標點擊/箭頭鍵突出顯示行

這就是爲什麼我想要做同樣的事情，除了用鼠標點擊，或者甚至更好的方式，鍵盤上的箭頭鍵。

我不知道這是否可能，因爲我沒有使用jQuery的經驗。如果有人知道這樣的腳本，或者如果有人可以給我寫一篇很棒的文章！

非常感謝提前！

來源

2012-10-18 Swen

嘿一個jsfiddle肯定會更容易幫助你。 –

下面是我在之前的問題中發佈的jsfiddle：http://jsfiddle.net/gFTrS/2/ – Swen

下面是這個jquert部分

$(document).ready(function() { 
    $(".textWrapper").click(function(e) { 
     var relativePos = e.pageY - this.offsetTop; 
     var textRow = (Math.ceil(relativePos/18) * 18) - 18; 
     $(".highlight", this).css("top", textRow + "px"); 
     $(".highlight", this).show(); 
    }); 
});

當然 http://jsfiddle.net/gFTrS/8/

的JS搗鼓箭頭鍵實在是有點棘手，因爲我需要一種方法來找出行的數量該段落

來源

2012-10-19 01:48:56

太棒了！謝謝！ – Swen

用鼠標點擊/箭頭鍵突出顯示行

回答

相關問題