求大神帮忙分析。。

寻丶 2018-02-10 05:34:30

题目；利用正则和鼠标事件，写一个过滤HTML标签的文本域控件，如果在文本域中输入html标签，当光标一旦离开文本域，则其中所有html会自动消失。

...全文

806 2 打赏收藏转发到动态举报

写回复

用AI写文章

2 条回复

切换为时间正序

请发表友善的回复…

发表回复

小忧伤18 2018-02-11

打赏
举报

引用 1 楼 Appleyk 的回复:

<html xmlns="http://www.w3.org/1999/xhtml">

<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title>JS--简单过滤HTML标签</title>
    <script src="https://apps.bdimg.com/libs/jquery/2.1.4/jquery.min.js"></script>
</head>
<script>
    function check() {
        var reg = /<[^<>]+>/g;
        var str = $("#txt").val().replace(reg, '');
        $("#txt").empty();
        $("#txt").append(str)
    }
</script>

<body>
    <textarea id="txt" cols="40" rows="10" onblur="check()">
        <html>

        <head>
            <title>过滤HTML标签</title>
        </head>

        <body>
            <div>内容</div>
        </body>

        </html>
    </textarea>
    <br />
</body>

</html>

这个是简单的正则匹配str：/<[^<>]+>/g 然后就是textarea的失去焦点事件了，当失去焦点的时候，正则消除html标签，最后只剩下内容

失去焦点后

appleyk 2018-02-11

打赏
举报

<html xmlns="http://www.w3.org/1999/xhtml">



<head>

    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

    <title>JS--简单过滤HTML标签</title>

    <script src="https://apps.bdimg.com/libs/jquery/2.1.4/jquery.min.js"></script>

</head>

<script>

    function check() {

        var reg = /<[^<>]+>/g;

        var str = $("#txt").val().replace(reg, '');

        $("#txt").empty();

        $("#txt").append(str)

    }

</script>



<body>

    <textarea id="txt" cols="40" rows="10" onblur="check()">

        <html>



        <head>

            <title>过滤HTML标签</title>

        </head>



        <body>

            <div>内容</div>

        </body>



        </html>

    </textarea>

    <br />

</body>



</html>