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：无法读取属性＆＃39; toLowerCase＆＃39;未定义的的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));

如何访问＆＃34; $（this）＆＃34;事件处理程序中的对象传递给＆＃34; on＆＃34;方法？

5 个答案: