HTML 符号代码在输入字段中无法正常工作

HTML Symbol code not working in input field properly

本文关键字:常工作 工作 代码 符号 输入 字段 HTML      更新时间:2023-09-26

我的HTML是:

<div class="Editable">
    <input type="text" name="Editable" style="width:500px;"/>
</div>

我无法使用 HTML 符号代码在输入字段中设置值:

$(document).ready(function(){ 
    $(".Editable").click( function(e) {
        $('.Editable > input').val("&#x0204F; &#x02588; Hello");
    });    
});

但是直接在 HTML 中设置值可以正常工作:

<div class="Editable">
    <input type="text" name="Editable" value="&#x0204F; &#x02588; Hello" style="width:500px;"/>
</div>
如果你想

直接设置字符而不是html实体,你可以这样做:

$(document).ready(function(){ 
    $(".Editable").click( function(e) {
        $('.Editable > input').val($('.Editable > input').html("&#x0204F; &#x02588; Hello").text());
    });
});

工作演示