如何使用javascript调用jquery click函数？

Question

我想使用JavaScript调用jquery click函数

<input type='button' class="button" value='+Add' id='addImage'>

当我单击此按钮时，以下功能将运行

$("#addImage").click(function () { 
    //my code.....
 }

但是我需要使用另一个JavaScript函数（例如fn_name（））来调用此函数

Answer 1

您可以像这样使用trigger和事件的名称（为简单起见，下面的示例使用一个自执行函数）：

 $("#addImage").click(function() { alert('Clicked') }); (function(){ $("#addImage").trigger('click') })(); 

 <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> <input type='button' class="button" value='+Add' id='addImage'> 

Answer 2

使用触发器

$("#addImage").trigger("click")

Answer 3

1. 声明功能
2. 绑定点击事件
3. 通话功能

     //declare
    function test(){
        //my code.....
    }


    function callTest(){
       // call function
       test();
    }


    function callAClick(){
      //trigger
      $("#addImage").trigger('click')
    }

    // bind click
    $("#addImage").click(test);

Answer 4

您也有这种丑陋的方式，但不建议这样做： https : //jsfiddle.net/96oxhwsf/

function fn_name() {
  $("#addImage").click(function() {
    alert('test')
  });
}

fn_name()

美丽的方式：

function fn_name(elID) {
  let btn = document.getElementById(elID);
  btn.addEventListener('click', function() {
    alert('Test');
  }, false)
}

// still need call the function
fn_name('addImage');

甚至更好：

var addImg = () => {
  let btnAdd = document.getElementById('addImage')
  btnAdd.addEventListener('click', () => {
    alert('test')
  }, false)
}