单击返回后更改按钮文本

时间:2021-06-29 21:31:32

标签: javascript html web button

亲爱的 StackOverflow 社区,

我有此代码可将 URL 复制到剪贴板。问题是,点击后它停留在“kopiert”上。我想让它变回来。我知道这个问题被问了 100 次,而且网上有代码。我的问题是,我对编程知之甚少,并在网上尝试了代码。无法实施。我真的需要帮助。真的很感谢任何人。

提前致谢。

代码:

image[mask]

1 个答案:

答案 0 :(得分:0)

您可以在此处使用 setTimeout() 来运行延迟一定时间的函数。例如,我们可以将您的 JavaScript 更新为:

var $temp = $("<input>");
var $url = $(location).attr('href');

$('.clipboard').on('click', function() {
    const originalText = $("button").text();

    $("body").append($temp);
    $temp.val($url).select();
    document.execCommand("copy");
    $temp.remove();
    $("button").text("kopiert!");

    // Run something in 2.5 seconds to revert back to the button's text
    setTimeout(function() {
      $("button").text(originalText);
    }, 2500); // 2.5 seconds
})