javascript - js文件中未触发keyup更改

Question

j("input[name='textFriendEmail']").bind('keyup change',function (e){
                    var value = j(this).val();
                    j('#toEmail').val(value);
                });

js 文件包含此代码，但它不会触发。这段代码有问题吗？

我试图将它放在单独的文件中并链接到页面增益但没有运气。请帮忙。

Answer 1

您需要将代码包装在 DOM 就绪事件中。由于您使用的是 jQuery 1.10，因此您还应该将您的绑定函数替换为.on：

j(function() {
    // This is only fired when the DOM is ready
    j(document).on("keyup change", "input[name='textFriendEmail']",function (e){
        // This is fired on keyup/change of the textFriendEmail input
        var value = j(this).val();
        j('#toEmail').val(value);
    });
});

来自 jQuery 文档：

从 jQuery 1.7 开始，.on() 方法是将事件处理程序附加到文档的首选方法

Answer 2

您的代码工作正常。检查它是否包含在 DOM 就绪函数中。它应该在里面。

j(document).ready(function(){
   j("input[name='textFriendEmail']").bind('keyup change',function (e){
                    var value = j(this).val();
                    console.log(value);
                    j('#toEmail').val(value);
                });
});

这是工作演示：http: //jsfiddle.net/kVNuj/

Answer 3

j(document).ready(function(){
    j("input[name='textFriendEmail']").on('keyup change',function (e){
        var value = j(this).val();
        j('#toEmail').val(value);
    });
});