jquery - 使输入字段中的文本模糊

Question

我想知道这是否可能。我有一个超时插件，这样如果我的用户离开计算机，就会出现一条警告消息，然后他们可以点击任意位置继续。

我的问题是，当警告屏幕出现时，背景页面输入字段中输入的信息需要被遮盖，这样如果有人看屏幕，他们将看不到输入的内容。

我正在考虑使用 css 或 jQuery 模糊输入字段中的信息。我环顾了互联网，看看是否有其他人这样做过，但我所能找到的只是模糊了输入字段的边缘。

任何帮助都会很棒!

Answer 1

给你，我在评论中提到的想法: DEMO

var time=function(){
    $('input').css('color','transparent');
    $('p').html('click anywhere');
}
setTimeout(time,5000);
$(document).click(function(){
    $('input').css('color','black');
    $('p').html('Wait for 5 seconds');
    setTimeout(time,5000);
});