博客列表 >0718改留言板

0718改留言板

杨发国的博客
杨发国的博客原创
2019年07月20日 17:43:31448浏览

 

实例

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>jQuery留言板</title>

</head>
<body>
<label for="comment">请留言:</label>
<input type="text" id="comment"  autofocus>
<ul id="list">
</ul>

<script src="jquery-3.4.1.min.js"></script>
<script>


    $(document).ready(function()
    {
        var comment = document.getElementById('comment');
        comment.addEventListener('keypress', addComment, false);

        function addComment(event)
        {
            if (event.key === 'Enter')
            {
                $("#list").prepend("<li>" + comment.value + "</li>");
            }
            // comment.value = null;
        }
    } )


</script>
</body>
</html>

运行实例 »

点击 "运行实例" 按钮查看在线实例

18.png

 

声明:本文内容转载自脚本之家,由网友自发贡献,版权归原作者所有,如您发现涉嫌抄袭侵权,请联系admin@php.cn 核实处理。
全部评论
文明上网理性发言,请遵守新闻评论服务协议