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>
    

      

  • 相关阅读:
    bootstrap_table自定义排序方法
    react 给组件设置默认的props值
    Echarts Binning on map 根据真实经纬度渲染数据
    Echarts 如何使用 bmap 的 API
    工作中遇到的前后台联调的一些规则
    redux 调试工具
    react 开发过程中的总结/归纳
    mac svn cornerstone 破解版资源以及使用方法(仅供学习,非商业使用)
    typescript 学习笔记
    iconfont 不居中的问题
  • 原文地址:https://www.cnblogs.com/walleyekneel/p/2366402.html
Copyright © 2011-2022 走看看