如何通过 jQuery 获取文本元素的当前值

Question

我有文本输入元素，并且在模糊事件和用户按下输入时触发了一个事件。

我的问题是，如果用户输入“foo”并按下 enter val() function，在模糊事件val()返回 foo 之后仍然返回 null。 据我了解，这是由于 HTML 输入元素的值属性仅在失去焦点时才会更新。 你能给我一个解决方法吗？

这是我使用的确切代码：

var meetmove_address_field_listener = function(e){
    var type = $(this).attr('data-marker-type');;
    var value = $(this).val();
    meetmove_map.geocodeAddress(type, value);
};

$(document).ready(function(){
    $('input[data-type="name"]').blur(meetmove_address_field_listener);
    $('input[data-type="name"]').keypress(function(event){
        if (event.which == 13){
            event.preventDefault();
            meetmove_address_field_listener(event);
            return false; 
        }
    });
});

Answer 1

该值可以立即访问，您只需要使用正确的处理程序即可。 .keypress()将在字符显示在输入中之前触发。 尝试.keyup()而不是.keypress() ，它应该可以工作。

Answer 2

好吧，Sudahir 的回答真的解决了我的问题 --- 我误用了 $(this) 引用，它根据上下文改变了含义。 Bu 他删除了他的答案，所以这里是工作代码：

$(document).ready(function(){
    $('input[data-type="name"]').blur(meetmove_address_field_listener);
    $('input[data-type="name"]').keyup(function(event){
        if (event.which == 13){
            event.preventDefault();
            var type = $(this).attr('data-marker-type');
            var value = $(this).val();
            meetmove_map.geocodeAddress(type, value);
            return false;
        }
    });
});