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);
});

Answer 2

下面这样的东西？

Fiddle

$("#dummy").blur(function(){
    var color = $(this).val()=='' ? 'red' : 'white';
     $(this).css('background-color', color);
});

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

2 个答案: