如何在文本区域中制作一些字符是不可编辑的

Question

我需要让一些字符在文本区域内不可编辑... I.e.

我的文字区域名称为TxtMsg，标识为TxtMsg，而值为

Dear User, Thank you for your contact................... We will contact you soon ...Thanks again 

此处用户可以在...................中输入任何内容吗？

有谁知道这件事？ 请回复

Answer 1

您只需要..............一个文本区域。文本的其余部分应该是HTML。

Answer 2

不是纯HTML，不是（除非你遵循@ alexandernst建议只将可编辑部分作为<input type="text" />元素）。

使用Javascript，您可以挂钩插入符号（请参阅Caret position in textarea, in characters from the start）并撤消对文本中未在“。”范围内所做的任何更改。字符，但这会过于复杂，并且无法在禁用脚本的浏览器上运行。

Answer 3

jquery-keyfilter，此插件按指定的正则表达式过滤键盘输入。

e.g。

$("#input").keyfilter(/[^#\*@0-9]/);

或

$("#input").bind("keypress", function(evt) 
{ 
        var charCode = (evt.which) ? evt.which : window.event.keyCode;  

        if (charCode <= 13) { 
            return true; 
        } 
        else { 
            var keyChar = String.fromCharCode(charCode); 
            var re = /[a-zA-Z]/ 
            return re.test(keyChar);
        } 
}

Answer 4

使用HTML5 contenteditable="true"属性，您可以尝试这样的内容，

演示：http://jsfiddle.net/muthkum/ZSNpQ/