将文本从div复制并粘贴到另一个[jQuery]

时间:2017-06-28 18:52:35

标签: javascript jquery

我正在尝试做一件对我来说很容易的事情,但我对javascript语言并不是很熟悉,而且我找不到任何文档来做我想做的事。

我们说我有这样的代码:

<div id="sourceA">Text</div>
<div id="sourceB">Another</div>

<div id="destination"></div>

让我们点击&#34; sourceA&#34; div,其中包含的文本应该放在&#34; destination&#34;格。

不幸的是,我不知道该怎么做。你能帮助我吗?也许还可以建议我去哪里学习更多有关此代码的内容?

3 个答案:

答案 0 :(得分:4)

阅读有关JavaScript和jQuery events的更多信息。您需要的是sourceA上的$("#sourceA").click(function() { $("#destination").html($(this).html()); }); 事件来处理您的行为,如下所示:

public interceptAfter(response: InterceptedResponse): InterceptedResponse {
        if(response.response.status == 0){
            // CORS error
            location.href="/abc/assets/sessionTimeoutError.html";
        }
        else if(response.response.status == 302 || response.response.status==401){
            if(response.response.url && response.response.url.indexOf('/xyz/')==-1){
                location.href="/abc/assets/sessionTimeoutError.html";
            }
        }
        return response;
    }

答案 1 :(得分:1)

HTML:

<div id="sourceA" class="source">Text</div>
<div id="sourceB" class="source">Another</div>

<div id="destination"></div>

JS:

$('.source').click(function(e) {
     $('#destination').text($(e.currentTarget).text())
});

答案 2 :(得分:0)

看一下这个例子

var copyContentToDestinationClickHandler = function(event) {
    $('#destination').empty();
    $('#destination').append($(event.target).text());
}

$('#sourceA').click(copyContentToDestinationClickHandler);
$('#sourceB').click(copyContentToDestinationClickHandler);

https://jsfiddle.net/7v5a6bsu/