Question

我使用JavaScript调用jquery点击功能

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

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

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

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

Answer 1

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

＆＃13;

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

＆＃13;

<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'>

＆＃13;

Answer 2

使用trigger

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

Answer 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)
}

如何使用javascript调用jquery点击功能？

4 个答案: