javascript - 复制值后如何淡出textarea？

Question

我有这个基本的 HTML 代码：

<textarea id="textarea" cols="30" rows="10">This is sample value</textarea>

如何Ctr + C在选择或右键单击并复制文本This is sample value区域中的文本后用户按下 1 秒后淡出文本区域？

Answer 1

您可以将 jQuerycopy事件与setTimeout函数一起使用：

$('#textarea').on('copy', function() {    
    setTimeout(function() {
        $('#textarea').fadeOut();
    }, 1000);
});

小提琴

Answer 2

我假设如果用户改变主意，您还想取消淡出：

$('#textarea').on('copy focus', function(e) {
    switch (e.type){
        case 'copy':
            $(this).blur().delay(1000).fadeOut();
            break;
        case 'focus':
            $(this).stop(true, false).css({ 'opacity': '1' });
            break;
    }
});

小提琴