javascript - 随时随地设置文本区域中的文本颜色

Question

我正在学习 JavaScript 并进行测试。我制作了一个文本区域，它接受一些 html 代码并打印出结果。它运行良好，但我希望无论何时键入标签，如 <h1>颜色应从白色变为红色。这是我的代码不这样做，请帮助我修复它..

代码:

<script>
    $("#_co").on("input propertychange", function(){
        $("#out").html($("#_co").val());
         var text = jQuery("#_co").val();
        if (text.contains("<")){
            text.css('color','red');
        }
    }); </script>

Answer 1

没有直接的方法可以达到同样的效果，但这可以帮助您变通

jsfiddle

请看

function divClicked() {
var divHtml = $(this).html();
var editableText = $("<textarea />");
editableText.val(divHtml);
$(this).replaceWith(editableText);
editableText.focus();
// setup the blur event for this new textarea
editableText.blur(editableTextBlurred);
}

function editableTextBlurred() {
var html = $(this).val();
var viewableText = $("<div>");
viewableText.html(html);
$(this).replaceWith(viewableText);
// setup the click event for this new div
viewableText.click(divClicked);
}

$(document).ready(function() {
$("div.div").click(divClicked);
});