JavaScript編碼似乎停滯了

Question

抱歉，標題模糊，但這是我的問題：

我有一個從Javascript生成的HTML表，這很好，並且該表可以按預期生成，沒有問題。

當用戶單擊某個單元格時，它將突出顯示該單元格（如果突出顯示該單元格則不突出顯示），這再次可以正常工作。

然后，我們需要能夠在單元格上拖動（鼠標按下時）並突出顯示它們懸停的單元格，我設法做到了這一點，但這並不是最好的解決方案，因此有人問我們是否可以選擇一個單元格，然后懸停到另一個單元格及其之間的所有單元格都將突出顯示。

For example :

Start Cell = Row 1, Cell 1

End Cell = Row 3, Cell 3

Highlighted Cells = R1C1, R1C2, R1C3, R2C1, R2C2, R2C3, R3C1, R3C2, R3C3.

我設法設法使該解決方案起作用，如果您單擊第一個單元格並按住鼠標並拖動到最后一個單元格，則可以正常工作，這是一個JSFiddle來顯示該解決方案。

我的問題是，如果您從最后一個單元格（左下方）拖動到頂部單元格（右上方），突出顯示效果似乎會隨機停止，直到您位於第2或3行。

有什么原因會發生這種情況嗎？ 我的代碼是否正確/效率低下？

我已經堅持了一段時間，似乎找不到任何可能會發生這種情況的原因。

任何幫助是極大的贊賞。

PS-此解決方案必須是完整的Javascript解決方案，不幸的是jQuery不能用於此解決方案，因為我們要求它是單個HTML文件，並且必須能夠在沒有Internet連接的情況下使用。

Answer 1

在ClickCell函數中提取rowNum和cellNum時，必須將值轉換為整數：

var RowNum = parseInt(cellID.substring(1, cellID.indexOf('C')), 10);
var CellNum = parseInt(cellID.substring(cellID.indexOf('C') + 1, cellID.length), 10);