input框禁止输入空格与macOS系统自带输入法兼容性问题

之前有一个需求是要求用户不能键入空格，于是我写了如下代码。

// 禁止input键入空格
var inputs = document.getElementsByTagName('input');
Array.prototype.forEach.call(inputs, function(input) {
  input.addEventListener("input", function() {
    this.value = this.value.replace(/\s+/g, '');
  });
});

之后交付代码的时候，发现使用macOS自带的中文输入法输入的时候会有问题。具体表现为，连续打中文的时候，前面的文字会直接变成拼音，这是因为macOS自带的中文输入法是通过空格去分隔拼音，而在键入过程中去空格就会导致无法正常分隔。

搜了一下兼容的写法，具体可以参考这个：
输入框去空格指令兼容ios苹果系统中文输入法