1

我正在尝试这个简单的代码。我想要的是，当paste在第二个输入文本框上触发事件时，应该在复制其内容、删除readonly前一个文本框的属性并将其粘贴到那里之后将其清除。但是，什么都没有发生。

该paste事件被触发了，因为如果我用一个简单的替换计时器中的代码alert，它就可以工作。谁能告诉我这里有什么问题？

<!DOCTYPE html>
<html>
  <head>
    <script src="//ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js">
    </script>
    <script>
       $(document).ready(function(){
         $(".boo").bind("input paste",function() { 
         elem = this;
         setTimeout(function() { 
             $(".foo").removeAttr("readonly");
             $(".foo").text($(elem).text());
             $(elem).text("");  
         },100);
        });
      });
  </script>
</head>
 <body>
   <input class = 'foo' type = 'text' /><input class = 'boo' type = 'text' />
 </body>
</html>
4

1 回答 1

4

首先，您应该使用.val()而不是.text()使用输入控件。

$(document).ready(function () {

    $("input.boo").bind("paste", function () { //also changed the binding too
        var elem = $(this);
        setTimeout(function () {
            $(".foo").val(elem.val());
            elem.val("");
        }, 100);
    });

});

此外，将文本粘贴到控件中时，您的绑定事件会被触发两次。那是因为，您已经将input和paste事件绑定到具有“boo”类的元素。

所以在这里，而不是：

$(".boo").bind("input paste", function() {});

用这个：

$("input.boo").bind("paste", function() {});

这只会将paste事件绑定到具有“boo”类的输入元素。

请参阅更新 的 jsFiddle 示例。

于 2013-01-19T14:55:54.057 回答