jquery按键替换json中的字符或字符串

Question

全局 Json 对象，通过 ajax post 调用 php 初始化并返回值 像下面这样（

$arr = array('h' => 'html', 'l' => 'li', 'p' => 'pre', 'd' =>'dom', 'e' => 'element'); 
echo json_encode($arr);

我可以在 jQuery 中获取 json 对象的值。

有一个 ketpress 事件映射到的文本框。用户是否可以在文本框中键入字母 h它应该替换为值 json_obj['h'] 而不是 h，即 html，其中 json_obj 是保存 json 对象的变量。

Answer 1

这里有很多问题： 最终示例

json_encode php 数组：echo json_encode($arr);

jquery ajax

 var lookUpObject;
 $.getJSON({
     'something.php',
      success: function (data) {
         lookUpObject = data;
      }
 });

然后 按键

var LookUpObject = {
h: 'html',
p: 'php'
};

$(document).ready(function() {
    $('input').keypress(function (event) {
        var result = lookUpObject [String.fromCharCode(event.which)];

        if (result) {
            var val = $(this).val();
            $(this).val(val + result);
            event.preventDefault();
        }
    })
});

Answer 2

这将捕获 keyup 事件并使用按下的键将文本框的文本替换为数组中的文本。请注意，虽然我没有进行任何验证或错误检查（例如按下的键是否存在于数组中），但您可能应该这样做。

$('#inputID').keyup(function(e) {
  var key = String.fromCharCode(e.which);
  $(this).val($arr[key]);
});

Answer 3

首先检查用户按下的项目是否在数组中。如果是这样，则阻止默认操作并把那个值。