zoukankan      html  css  js  c++  java
  • 新浪微博自动发送微博(一)

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

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

    看代码吧,一个是纯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;
                 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>
    

      

  • 相关阅读:
    变形方块
    Vim编辑器设置字体高亮显示
    从命令行终端获取数值作为函数参数
    Vi编辑器的使用技巧
    iOS开发常用shell命令
    include使用技巧
    交换2个整型变量的值
    C语言位运算实现函数体
    React Native 之文件内数据操作(var、let、const、static、Props、State、this)
    React Native 城市选择(四)获取城市名称
  • 原文地址:https://www.cnblogs.com/walleyekneel/p/2366402.html
Copyright © 2011-2022 走看看