2020-11-06

解决vue-quill-editor在google、ie上按backspace键无效

在组件中给document注册keydown事件，如果是backspace键，则执行如下代码

	onEditorFocus () { // 聚焦事件
      this.listenBackSpace()
      // console.log('editor focus!', quill)
    },
    onEditorBlur () {
      console.log('bulr')
      document.removeEventListener('keydown', this.handleDelete, false)
      this.$emit('getRichContent', this.escapeStringHTML(this.content), this.name)
    },
	handleDelete (e) { // 处理键盘backspace事件
		const richRefsQuill = this.$refs[this.toref].quill
	      if (e.keyCode === 8) {
	      // 获取内容的最后位置
	        const leg = richRefsQuill.selection.savedRange.index
	        // 当按backspacd时删除最后一个字符
	        richRefsQuill.deleteText(leg - 1, 1);
	      }
      }
	listenBackSpace () {
	  	document.addEventListener('keydown', this.handleDelete, false)
	}
	mounted () { // mounte时注册事件
	    this.$refs[this.toref].quill.blur()
	  },
	  destroyed () { // 组件销毁时移除keydown事件
	    document.removeEventListener('keydown', this.handleDelete, false)
	  },
	```