通过更改输入来触发jquery

时间:2013-10-15 18:01:21

标签: javascript jquery

感谢您的帮助

我有一个用户输入链接或网址的输入。我做的是当有人输入一个url进入输入jquery脚本连接到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中。

我该怎么办?我可以一起使用更改和密钥吗?

3 个答案:

答案 0 :(得分:1)

change事件完全不同,当值发生变化时会触发它,当问题中的元素失焦时会对其进行评估。

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

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

答案 1 :(得分:1)

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

答案 2 :(得分:0)

触发input事件:

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