var matchWords;
        function notifyTextLength() {
            var inputNum = document.getElementById("txtTitle").value.replace(/[^\x00-\xff]/g, "**").length; //得到输入的字节数
            if (inputNum <= 200) {
                matchWords = document.getElementById("txtTitle").value.length;
                document.getElementById("inputedWord").innerHTML = inputNum + "字节," + matchWords + "字符";
                document.getElementById("inputtingWord").innerHTML = (200 - inputNum) + "字母,"+(Math.round(((200-inputNum)/2)-0.5))+"汉字";
            }
            if (inputNum > 200) {
                document.getElementById("txtTitle").value = document.getElementById("txtTitle").value.substring(0, matchWords);

//如果超过200字节,就截取到200字节

             }
               
        }
<input id="txtTitle" type="text" class="inputText" runat="server" onpropertychange="notifyTextLength();" />

当前已经输入<span id="inputedWord" style="color:red"></span> 还可以输入<span id="inputtingWord" style="color:Red;"></span>

最新文章

  1. WebForm控件--2016年12月29日
  2. 中文 iOS/Mac 开发博客列表(转)
  3. Html.ActionLink , Url.Action
  4. 将String类型的XML解析并设置到实体类中
  5. GCD Block
  6. Linux Mint SmoothTask2的安装方法
  7. LinearLayout按下(pressed)或获取焦点(focused)时背景设置不同颜色或图片
  8. TOMCAT之性能跟踪入门
  9. Javascript教程:js异步模式编程的4种解决方法
  10. 腾讯云VS AWS :云存储网关性能谁更优?
  11. Android项目开发填坑记-Fragment的onAttach
  12. 年度游戏圈2018白皮书解析手游折扣app哪个好及靠谱程度分析
  13. luanet更名为distri.lua
  14. Ajax-创建ajax
  15. (转载)C#工具箱Menustrip控件中分割线的设置方法
  16. 安装使用git
  17. flask+socketio+echarts3 服务器监控程序(基于后端数据推送)
  18. SpringMVC实现RESTful服务
  19. centos 安装或更新最新版本软件包(git python etc)的方法 SCL IUS
  20. php 生成二维码(qrcode)

热门文章

  1. Hamilton四元数群的表示
  2. while用法一例
  3. Delphi使用ADO进行数据库编程
  4. HP-SOCKET TCP/UDP通信框架库解析
  5. ng-table 简单实例
  6. 7 Container With Most Water_Leetcode
  7. EF 配置(SqlServer,Mysql)
  8. MIT 6.828 JOS学习笔记16. Lab 2.2
  9. tmux 简单命令
  10. fragment+viepager 的简单暴力的切换方式