javascript - 有没有办法在可编辑的 div 中放置键盘快捷键？

Question

例如，我有一个用户可以输入的 div。我想放置快捷方式，以便当用户输入单词 pi 时。输出将是符号 π。或者，如果用户输入 sqrt，那么他们将得到这个符号 inf，那么输出将为 ∞。甚至当单击选项卡按钮缩进几行时。我还没有看到这样做的网络应用程序，所以任何帮助将不胜感激。

Answer 1

您可以进行一些广泛的键跟踪 + 字段更新来完成此操作，或者您可以获得一个已经做了类似（如果不完全）的 jQuery 插件并对其进行修改以完成相同的任务。

这可能是您正在寻找的内容： http ://code.google.com/p/js-hotkeys/wiki/about

Answer 2

您可以简单地使用替换。在此处查看JSFiddle 演示

$('.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