如何使用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) 
}