イベントと変数を引数として渡す方法

Question

次のコードで、ドキュメントの任意の場所をクリックすると、特定のdivのハイライトクラスを削除しています。

私はそれのために異なるdivのクラス名を持っていますが、私は各divごとに異なる関数を書いています。

関数の引数に引数として渡すことで、1つの関数だけを使用して記述します。しかしここで私は本当の問題に直面しています。私はdocument.clickと変数 'c​​licked'に ​​'e'（イベント）を持っています。

「e」と変数「clicked」を引数として渡す方法がわかりません。これを解決して私を助けてください。

$(document).click(function(e) { 
     var clicked = $(e.target); 
     if(!clicked.parents().hasClass("highlight")) 
     { 
      $(".highlight").removeClass("highlights"); 
     } 
}); 

私はこのようなものとしてそれをしたい：私は関数のパラメータに引数を渡すたい見ることができるように

function clickFun(parameters to be passed) 
{ 

} 
$(document).click(function() 
{ 
    clickFun(args to be passed); 
} 

。これを解決して私を助けてください。

Answer 1

この方法が好きですか：

$(document).ready(function(){ 
 
    $(document).click(function(){ 
 
     clickFun($(this)); //Function calling 
 
    }); 
 
    function clickFun(event){ 
 
     console.log(event);// Your code 
 
    } 
 
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>