新浪微博自动发送微博(一)

 

废话少说,直接奔主题吧。

此功能是模拟新浪微博发布时字数限制

新浪微博自动发送微博(一)

看代码吧,一个是纯js 版本 一个是jquery。

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

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

<head>

    <title></title>

    <style type="text/css">

        #txtContent

        {

            height: 153px;

            width: 406px;

        }

    </style>

    <!--引入js库-->

    <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"

type="text/javascript"></script>

    <script type="text/javascript">

        // jquery版本

       /* $(function () {

            //初始化文本框字数显示

            var value = $("#top_content").val();

            var length = value.length;

            var result = 140 - length;

            $("#msgbox").html("请文明发言,您可以输入<b>" + result + "</b>字");

            // 键盘按下事件

            $("#top_content").keyup(function () {

                var len = this.value.length;

                var tmp = 140 - len;

                if (tmp <= 0) {

                    $("#msgbox").html("请文明发言,已经超过<font color='red'><b>" + (len - 140) + "</b></font>字");

                } else {

                    $("#msgbox").html("请文明发言,还可以输入<b>" + tmp + "</b>字");

                }

            });

        });*/



        //纯js版本

       window.onload = function () {

            //初始化文本框字数显示

            var top_content = document.getElementById("top_content");

            var msgbox = document.getElementById("msgbox");

            var length = top_content.value.length;

            var result = 140 - length;

            msgbox.innerHTML = "请文明发言,您可以输入<b>" + result + "</b>字";



            // 键盘按下事件

            top_content.onkeyup = function () {

                var len = this.value.length;

                var tmp = 140 - len;

                if (tmp <= 0) {

                    $("#msgbox").html("请文明发言,已经超过<font color='red'><b>" + (len - 140) + "</b></font>字");

                } else {

                    $("#msgbox").html("请文明发言,还可以输入<b>" + tmp + "</b>字");

                }

            }



        }

    </script>

</head>

<body>

    <p id="msgbox">

        请文明发言,还可以输入140字</p>

    <textarea id="top_content"></textarea>

</body>

</html>

  

 

 

你可能感兴趣的:(新浪微博)