将 html-input 转换为正确的编码

Question

我有一个带有一个 html 输入字段的 html 表单。输入通过剪贴板从其他程序复制。有时复制的文本不是utf-8，而是ansi（用notepad++测试）。然后，像ü 这样的变音符号被复制为ü。 由于我不想每次都更改剪贴板文本的编码（使用 i.e.notepad++），因此我想在解析和拆分输入文本时直接使用 javascript 进行此操作。

有没有办法在不为此实现自己的函数的情况下做到这一点（这将是我接下来要为最常见的变音符号做的事情）？

Answer 1

从网上窃取这个：

//+ Jonas Raoni Soares Silva
//@ http://jsfromhell.com/geral/utf-8 [rev. #1]

var UTF8 = {
    encode: function(s){
        for(var c, i = -1, l = (s = s.split("")).length, o = String.fromCharCode; ++i < l;
            s[i] = (c = s[i].charCodeAt(0)) >= 127 ? o(0xc0 | (c >>> 6)) + o(0x80 | (c & 0x3f)) : s[i]
        );
        return s.join("");
    },
    decode: function(s){
        for(var a, b, i = -1, l = (s = s.split("")).length, o = String.fromCharCode, c = "charCodeAt"; ++i < l;
            ((a = s[i][c](0)) & 0x80) &&
            (s[i] = (a & 0xfc) == 0xc0 && ((b = s[i + 1][c](0)) & 0xc0) == 0x80 ?
            o(((a & 0x03) << 6) + (b & 0x3f)) : o(128), s[++i] = "")
        );
        return s.join("");
    }
};

然后您可以添加您的输入：

<input type="text" id="test">

然后监听 PASTE 事件，几毫秒后（否则你会得到 "" as .val），你可以用解码的值替换输入的整个值：

$('#test').on('paste', function(e) {
  var controller = $(this);
  setTimeout(function(){
    controller.val(UTF8.decode(controller.val()));
  },10);
});

代码笔：

http://codepen.io/anon/pen/GgYZeb

请注意，它只监听 PASTE 事件。如果您有兴趣，还可以添加其他活动。