javascript - 如何在 Mozilla Firefox 中使用 DEL 键

Question

我需要帮助解决我的 asp.net MVC3 应用程序中的问题，我有一个正在验证货币格式 ($228.00) 的文本框，但在此文本框中它不适用于 DEL键，因为 . 和删除键具有相同的 ASCII 键，即 46。我还在该文本框中为 . 设置了验证。文本框中仅接受一次，因此如果“。”输入一次就删除不了。

这是我的验证 Javascript:

function validateForCharacter(val, id, e) {
    window.event.keyCode : -1;
    var key = e.keyCode || e.charCode || e.which;
    var currentChar = String.fromCharCode(key);
    if (val.indexOf(currentChar) != -1 && currentChar == ".")
    {
           return false;
    }
    if (key >= 48 && key <= 57 || key == 46 || e.keyCode === 8 || e.keyCode === 9 || e.keyCode === 37 || e.keyCode === 35 || e.keyCode === 39)
    {
           $(this).val("");
           return true;
    }
    return false;
 }

这是我的文本框 View (Html)代码:

<input type="text" id="t1" onkeypress="return validateForCharacter(value, id, event)/>

Answer 1

Jquery 做得对......但如果您需要专门检测 Firefox 或 IE9 上的删除键，您可以使用 event.key 属性。

即:

if (event.key == "Delete")

现场演示:

$(document).ready(function() {
  $("#nondeletable").on("keydown", function(event) {
    $("#result").html(event.type + ": " + event.which);
    if (event.key == "Delete")
      $("#result").append(" <b>Delete!</b>");
  });


});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<input type="text" id="nondeletable" />
<div id="result"></div>