javascriptを使用してjqueryのクリック機能を呼び出す方法は？

Question

私はJavaScriptを

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

私は、このボタンをクリックすると、（次の関数が

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

を実行しますが、私はfn_nameのような他のJavaScript関数を使って、この関数を呼び出す必要がありますを使用してjQueryのクリック機能を呼び出すためにワンド）

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. バインドクリックイベント
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) 
}