希望``始终可见

时间:2015-10-08 18:53:48

标签: css html5 css3

我正在开发一个网络应用,用户有时会粘贴他们从其他地方复制/粘贴的内容,并且输入可能带有­字符(0xAD)。我不想过滤掉它,我只需要用户看到那里有一个看不见的角色,所以他们以后就不会有任何意外了。

有没有人知道如何让­始终可见?要显示连字符,而不是隐藏?我怀疑可能需要自定义网络字体,如果是这样,是否有人知道预先存在的字体?

1 个答案:

答案 0 :(得分:2)

您需要使用JavaScript或具有the soft-hyphen character可见字形的自定义字体。鉴于使用网页字体不切实际(并为用户增加额外的100千字节下载负担),我认为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", "-" );
        } );
    }

} );