如何從傳遞給“ on”方法的事件處理程序訪問“ $（this）”對象？

Question

當事件處理程序設置一個非匿名函數時，然后通過訪問$(this)對象發生錯誤。

function TextBoxChangeEventHandler(id)
{
    var value = $(this).val();
    //...do something
}

$("#object_position :input[type='text']")
    .on("change", function(){TextBoxChangeEventHandler("id");});
//other some object set TextBoxChangeEventHandler...

錯誤日志：

未捕獲的TypeError：無法讀取未定義的屬性“ toLowerCase”
的jquery-2.1.1.min.js：4

有解決方法嗎？

Answer 1

嘗試

function TextBoxChangeEventHandler(elem)
{
    var value = $(elem).val();
    //...do something
}

$("#object_position :input[type='text']")
    .on("change", function(){TextBoxChangeEventHandler(this);});

Answer 2

您可以使用.call（）傳遞自定義執行上下文

function TextBoxChangeEventHandler() {
    var value = $(this).val();
    //...do something
}

$("#object_position :input[type='text']").on("change", function () {
    TextBoxChangeEventHandler.call(this);
    //with the update
    TextBoxChangeEventHandler.call(this, 'id');
});

Answer 3

通過引用傳遞TextBoxChangeEventHandler函數。

$("#object_position :input[type='text']").on("change", TextBoxChangeEventHandler);

Answer 4

您可以將對TextBoxChangeEventHandler的引用傳遞給您的方法。 例如

  $("#object_position :input[type='text']").on("change", TextBoxChangeEventHandler);

Answer 5

您可以為此使用jQuery代理-

$("#object_position :input[type='text']")
    .on("change", $.proxy(TextBoxChangeEventHandler("id"),this));