通过更改输入触发jquery

Question

谢谢你的帮助

我有一个输入，用户放置链接或urls。当有人在输入的jquery脚本中输入一个url时，我要做的就是连接到php脚本，它提供了一些关于url的信息。就像facebook分享一样。

我使用这个代码

$('.input-class').keyup(function(event){

  $('.message').html('thanks for the url');
});

当你用键盘输入一些东西的时候，使用键盘的问题就起作用了。通常用户复制并粘贴url到输入中。所以，如果他们复制和过去，这是行不通的。

然后我尝试了.change()

$('.input-class').change(function(event){

  $('.message').html('thanks for the url');
});

但这也有一个问题。当输入失去焦点时，它就工作了。

我需要一些东西应该可以工作，不管用户输入或粘贴到输入jquery应该触发什么。

我该怎么办？我可以在一起使用更改和键控吗？

Answer 1

change事件是完全不同的，它是在值发生变化时触发的，当所讨论的元素脱离焦点时，该值将被计算。

还可以使用input事件，当通过用户界面更改元素的文本内容时，该事件将被触发。

$('.input-class').on('keyup input', function(event){
   $('.message').html('thanks for the url');
});

Answer 2

您可以尝试更改事件，确保这在更高版本的jQuery中有效。

jQuery('.input-class').on('change', function(e){
   jQuery('.message').html('thanks for the url');
});

用于较低版本的jQuery

jQuery('.input-class').live('change', function(e){
   jQuery('.message').html('thanks for the url');
});

Answer 3

触发input事件：

$('.input-class').on('input', function(event){