点击鼠标即可调用功能

Question

我有一个文本区域。 每次输入回车键时，光标移动到文本区域的下一行并调用一个功能。 此功能发布/更新数据库中的条目。 我想要它，以便如果我编辑一行，然后单击鼠标继续在另一行键入该功能再次调用鼠标单击

  $("#textarea").keydown(function (e) {

 if (e.keyCode == 13) {
  document.addEventListener('keydown', newLine(this, "\n"));
  console.log("code added");
    e.preventDefault();
     stream();

是否可以将我的行更改为类似的东西，按Enter键或按鼠标（文本区域中的任何位置）调用该方法？

  if (e.keyCode == 13 || mouse.click) {

我知道上面的内容并不正确，但我想说明我的目标

Answer 1

您可以使用jQuery的.on方法，如下所示：

$("#textarea").on('click keydown', (e) => {
    if(e.keyCode && e.keyCode == 13 || e.type == "click" ){
        // Do stuff
    }
});

它将第一个参数作为具有不同事件的字符串，这意味着您可以一次监听多个事件。 第二个是回调函数，您可以在其中跟踪触发的事件。 Nb：点击和keydown之间的事件不同。 你可以通过放置console.log(e);仔细看看console.log(e); 在你的回调中

Answer 2

您需要附加另一个事件监听器。 单击鼠标时不会触发keydown事件。 您还需要添加$(...).click(function ...) 。 例如...

function myFunction (e) {
  document.addEventListener('keydown', newLine(this, "\n"));
  console.log("code added");
  stream();
}

$("#textarea").keydown(function() {
  if (e.keyCode == 13) {
    myFunction()
    e.preventDefault();
  }
});

$('#textarea').click(myFunction)

Answer 3

您可以创建2个事件和常用函数来处理它，而不是放置条件。 敌人示例：

    $("#textarea").keydown(function (e) {
 if (e.keyCode == 13) {
  logic1()



$("#textarea").click(function() { logic1();});

    function logic1(){
    document.addEventListener('keydown', newLine(this, "\n"));
  console.log("code added");
    e.preventDefault();
     stream();
}

Answer 4

我不知道jQuery，但使用vanilla JS，你可以这样做：

 const textarea = document.querySelector('textarea'); const foo = event => { const output = document.querySelector('output'); output.textContent = event.type; } textarea.addEventListener('click', foo, false); textarea.addEventListener('keypress', foo, false); 

 <textarea></textarea> <output></output>