如何使用现代浏览器(具有shadowDOM内部编辑器)清除输入元素?

时间:2017-05-30 12:42:20

标签: javascript shadow-dom

  document.getElementById('taginput').addEventListener('paste',function(e){
    var clipboardData, pastedData, inputdata, tempData, tempTags = [], currentTags = [], out = '';
    clipboardData = e.clipboardData || window.clipboardData;
    pastedData = clipboardData.getData('Text');
    inpudata = document.getElementById('taginput').value + pastedData;
    tempData = pastedData.split(',');
    for (var i = 0; i < tempData.length - 1; i++) {
      if(tempTags.indexOf(tempData[i].trim()) === -1) tempTags.push(tempData[i].trim());
    }
    Array.prototype.slice.call(document.getElementsByTagName('dynamictags')[0].children).forEach(function(data){
      currentTags.push(data.innerText);
    });
    tempTags.forEach(function(data){
      if (currentTags.indexOf(data) === -1) out += '<res>' + data + '</res>';
    });
    document.getElementsByTagName('dynamictags')[0].innerHTML = document.getElementsByTagName('dynamictags')[0].innerHTML + out;
    this.value = '';
    this.value = tempData[tempData.length - 1].trim();
  }, false);

这是我目前的代码,此实现的问题是this.value = ''没有重置输入字段,this.value = tempData[tempData.length - 1].trim(); }, false);可以在输入字段中的userinput之前添加新文本。

例如,如果我将apple, apple , orange, banana粘贴到字段中,它将保留并添加banana并变为banana apple, apple , orange, banana

1 个答案:

答案 0 :(得分:1)

对于shadow-DOM浏览器,您需要:

No module named 'tensorflow'