如何使用javascript调用jquery点击函数？

Question

我的魔杖调用使用JavaScript

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

jQuery的点击功能，当我点击这个按钮下面的函数将运行

$("#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

使用trigger

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

Answer 3

1. 声明函数
2. 结合的Click事件
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() 

beatiful方式：

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