Html 想要`&;害羞的始终可见

Html 想要`&;害羞的始终可见,html,css,Html,Css,我正在开发一个web应用程序,用户有时会粘贴他们从其他地方复制/粘贴的内容,输入可能会随­字符(0xAD)。我不想过滤掉它,我只需要用户看到那里有一个看不见的字符,这样他们以后就不会感到惊讶了 有人知道如何使­是否始终可见?显示连字符,而不是保持隐藏?我怀疑可能需要自定义web字体,如果需要的话,有人知道预先存在的字体吗?您需要使用JavaScript或带有可视字形的自定义字体。考虑到在web上使用字体的不切实际性(以及用户额外下载100 KB的负担),我认为JavaScript方法

我正在开发一个web应用程序,用户有时会粘贴他们从其他地方复制/粘贴的内容,输入可能会随
­字符(0xAD)。我不想过滤掉它,我只需要用户看到那里有一个看不见的字符,这样他们以后就不会感到惊讶了


有人知道如何使
­是否始终可见?显示连字符,而不是保持隐藏?我怀疑可能需要自定义web字体,如果需要的话,有人知道预先存在的字体吗?

您需要使用JavaScript或带有可视字形的自定义字体。考虑到在web上使用字体的不切实际性(以及用户额外下载100 KB的负担),我认为JavaScript方法是最好的,如下所示:

document.addEventListener("DOMContentLoaded", function(domReadyEvent) {

    var textBoxes = document.querySelectorAll("input[type=text]");
    for(var i=0;i<textBoxes.length;i++) {

        textBoxes[i].addEventListener("paste", function(pasteEvent) {
            var textBox = pasteEvent.target;
            textBox.value = textBox.value.replace( "\xAD", "-" );
        } );
    }

} );
document.addEventListener(“DOMContentLoaded”),函数(domReadyEvent){
var textboxs=document.queryselectoral(“输入[type=text]”);
对于(var i=0;i