javascriptのonclick関数の外でこのキーワードを渡す方法

Question

助けが必要です。私はonclick関数の中にthisキーワードを渡しています。 onclickイベントを使用せずに同じ関数を呼び出す必要がある場合は、javascriptを使用してどのように呼び出されますか。以下のシナリオを説明しています。上記のコードで

<input name="optional_0_0_ans" id="optional_0_0_ans" class="form-control firstsec" placeholder="Answer" value="" type="text"> <button type="button" class="btn btn-sm btn-success" style="line-height:12px;" onclick="createNew(this,0,0,1);"><i class="fa fa-plus" aria-hidden="true"></i></button> 

<script> 
function createNew(evt,index,childindex,hidevalue){ 


} 
</script> 

私はonclickのevent.Hereものと想定ユーザー内部thisキーワードはいくつかの他にどこcreateNew関数を呼び出すしたいし、それが実行されますどのように、同じthisキーワードを渡したい渡しています。私を助けてください。ここで

Answer 1

をonclick属性this内部：彼らはただDOM要素への参照を取得し、それを渡す必要があります。あなたは同じ動作を実現したいのであれば、あなたは単にDOM要素を取得して解析することができ、自分自身：

var button = document.querySelector('#optional_0_0_ans button'); 
createNew(button, 0, 0, 3); 

Answer 2

ものと想定ユーザーは、いくつかの他にどこcreateNew関数を呼び出すしたいし、それが実行されますどのように、同じthisキーワードを渡したいです。 thisだけ内のイベントハンドラが存在するので、可能ではありません

。 「同じthis」は、ハンドラの外部には存在しません。
あなたは、同じか類似した値を渡したいと思っていると思います。では、thisの値は何ですか？これはDOM要素です。現在のDOM要素を指し

var someElement = // get reference to a DOM element 
createNew(someElement,0,0,1); 

Answer 3

あなたは、コードの下に使用してそれを行うことができます。

$(".btn-success").on("click", function(){ 
    someFunction(this, param1, param2,...) 
}) 

「.btn成功」クリックしてJavaScript関数を呼び出すボタンに割り当てられたクラスです。セレクタでidを使用することもできます。

Answer 4

はいすることができます、あなたの要素にIDを追加するには、取り扱いが簡単になります...

私はあなたがcreateNew.callを行うことができます

<button type="button" class="btn btn-sm btn-success" id="btn" style="line-height:12px;" onclick="createNew(this,0,0,1);"><i class="fa fa-plus" aria-hidden="true"></i></button> 

<script> 
function createNew(evt,index,childindex,hidevalue){  
    alert(evt.type); //alert button when click 
} 
createNew(document.getElementById('btn'),4,5,4); //alert button when run 
</script>