将表数据'contenteditable'属性仅限于Integer

Question

以下代码允许我编辑表数据行，但我可以知道如何将其限制为仅整数。

提前感谢您的时间:)

<td contenteditable="true" class="product_rate"></td>

Answer 1

好吧，您可以尝试读取onkeypress事件的keyCode，确定它是否为数字（0-9），然后分别返回true或false

<td onkeypress = "return testCharacter(event);" contenteditable="true" class="product_rate"></td>

function testCharacter(event) {
  if ((event.keyCode >= 48 && event.keyCode <= 57) || event.keyCode === 13) {
    return true;
  } else {
    return false;
  }

}