Question

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

Answer 1

你可以做一些广泛的密钥跟踪+字段更新来实现这一目标，或者你可以获得一个已经做类似事情（如果不完全正确）的jQuery插件并修改它以完成相同的任务。

这可能是你正在寻找的东西： http://code.google.com/p/js-hotkeys/wiki/about

Answer 2

您可以简单地使用替换。见JSFiddle demo here

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

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

2 个答案: