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

Question

我的HTML是：

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

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

$(document).ready(function(){ 
    $(".Editable").click( function(e) {
        $('.Editable > input').val("⁏ █ Hello");
    });    
});

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

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

Answer 1

如果你想直接设置字符而不是设置htmlentities，你可以这样做：

$(document).ready(function(){ 
    $(".Editable").click( function(e) {
        $('.Editable > input').val($('.Editable > input').html("⁏ █ Hello").text());
    });
});

Working Demo