（伪）文本框 (我也不知道是什么)反正是文本框

寒椿相逢

function TextInput() { throw new Error("static class"); }
TextInput.text = document.createElement('textarea');
TextInput.isComposing=false
TextInput.event=null
TextInput.install = function() {
      TextInput.text.style.position = 'absolute';
      TextInput.text.style.opacity = 0;
      TextInput.text.disabled = true;
      document.body.appendChild(TextInput.text);
      TextInput.text.addEventListener('compositionstart', this.onCompositionStart.bind(this));
      TextInput.text.addEventListener('compositionend', this.onCompositionEnd.bind(this));
      TextInput.text.addEventListener('input', this.changed.bind(this));
}
TextInput.onCompositionStart = function(event) {
      this.isComposing = true;
}
TextInput.onCompositionEnd = function(event) {
        this.isComposing = false;
        if(event.data){
            TextInput.event(event.data)
            event.target.value=""
        }
}
TextInput.changed = function(event) {
        if (this.isComposing) {
            return;
        }
        if(event.data){
            TextInput.event(event.target.value)
            event.target.value=""
        }
}
TextInput.location=function (x,y,event){
        TextInput.text.style.left = `${x}px`;
        TextInput.text.style.top = `${y}px`;
        TextInput.text.disabled = false;
        TextInput.isInput=false
        TextInput.cont=""
        TextInput.event=event
        TextInput.text.focus();
}
TextInput.disabled=function (){
        TextInput.text.style.left = `0px`;
        TextInput.text.style.top = `0px`;
        TextInput.text.disabled = true;
        TextInput.isInput=false
        TextInput.cont=""
        TextInput.event=null
}
TextInput.install()
TextInput.location(100,100,function (a){console.log(a)})





为了配合canvas层的组件，用奇怪的方法得到textarea中的输入。
反正每次要.location到光标位置，每次输入后在去组件里处理好。