JS函数无法从KeyCode中使用/如何使用键盘键调用此JS函数

RR苏萨尔

这是一个getSelectedText()可以button单击的简单脚本功能。这意味着当我们选择任何文本并单击按钮时，该函数将NEWCLASS成功创建新的div。但是现在我想使用快捷键，例如CTRL+W来获取NEWCLASSdiv中的选定文本。

我试过了这段代码，但是没有用。请检查一下，让我知道我在这里犯了什么错误。

var input = document.getElementsByTagName("body")[0];
input.addEventListener("keyup", function(event) {
  if (event.keyCode === 37) {
   event.preventDefault();
   document.getElementById("myBtn").click();
  }
});

我的代码：

// Function to get the Selected Text  
function getSelectedText() {
  var selectedText = '';
  // #### create a new element with variable (nw) #### //
  var nw = document.createElement("div"); // Element's tag
  nw.className = "NEWCLASS"; // Element's class name
  // some applied style

  // window.getSelection 
  if (window.getSelection) {
    selectedText = window.getSelection();
  }
  // document.getSelection 
  else if (document.getSelection) {
    selectedText = document.getSelection();
  }
  // document.selection 
  else if (document.selection) {
    selectedText =
      document.selection.createRange().text;
  } else return;
  // #### get the Selected text appended to body #### //
  nw.innerHTML = selectedText;
  document.getElementsByClassName('maintitle')[0].prepend(nw); // Append element to body
}

<button id="mybtn" onclick="getSelectedText()">Button</button>

<p>Select any part of this sentence and press the button. Select any part of this sentence and press the button. Select any part of this sentence and press the button</p>

<div class="maintitle"> </div>

穆罕默德·鲁扎克

带w的ctrl键将关闭chrome浏览器，因此我使用了“ Z”键，因为您可以将键代码替换为所需的代码。

在这里找到键码

const keySelected = new Set();

document.addEventListener('keydown', (e) => {
    keySelected.add(e.which);
    if(keySelected.has(17) && keySelected.has(90)){
        getSelectedText();
    }
});

document.addEventListener('keyup', (e) => {
     keySelected.delete(e.which);
});


/*
//jquery code if anyone want 
$(document).ready(function(){

  const keySelected = new Set();

  $(document).keydown(function (e) {
       keySelected.add(e.which);
       if(keySelected.has(17) && keySelected.has(90)){
           getSelectedText()
       }
  });
  
  $(document).keyup(function (e) {
     keySelected.delete(e.which);
  });

});

*/



// Function to get the Selected Text  
function getSelectedText() {
  var selectedText = '';
  // #### create a new element with variable (nw) #### //
  var nw = document.createElement("div"); // Element's tag
  nw.className = "NEWCLASS"; // Element's class name
   // some applied style

  // window.getSelection 
  if (window.getSelection) {
    selectedText = window.getSelection();
  }
  // document.getSelection 
  else if (document.getSelection) {
    selectedText = document.getSelection();
  }
  // document.selection 
  else if (document.selection) {
    selectedText =
      document.selection.createRange().text;
  } else return;
  // #### get the Selected text appended to body #### //
  nw.innerHTML = selectedText;
  document.getElementsByClassName('maintitle')[0].prepend(nw); // Append element to body
}

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<button id="mybtn" onclick="getSelectedText()">Button</button>

  <p>
          Select any part of this sentence 
          and press the button. Select any part of this sentence 
          and press the button. Select any part of this sentence 
          and press the button
   </p> 
          
  <div class="maintitle"> </div>

本文收集自互联网，转载请注明来源。

如有侵权，请联系 [email protected] 删除。