javascript - 通过输入更改触发jquery

Question

感谢您的帮助

我有一个用户输入链接或网址的输入。我所做的是当有人在输入 jquery 脚本中输入 url 时连接到 php 脚本，该脚本提供有关 url 的一些信息。就像脸书分享一样。

我使用此代码

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

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

当您使用键盘键入内容时，使用 keyup 的问题会起作用。通常用户将 url 复制并粘贴到输入中。所以，如果他们复制并过去，这是行不通的。

然后我尝试了 .change()

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

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

但这也有问题。它在输入失去焦点时起作用。

我需要一些东西应该可以触发用户键入或粘贴到输入 jquery 中的任何内容。

我应该怎么办？我可以同时使用 change 和 keyup 吗？

score 1 · Accepted Answer

change事件完全不同，它会在值发生变化时触发，当有问题的元素失焦时会评估该值。

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

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

score 1 · Accepted Answer

您可以尝试更改事件，确保这适用于更高版本的 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');
});

score 0 · Accepted Answer

0

触发input事件：

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

于 2013-10-15T18:05:33.260 回答

3 回答 3