div限制字数-可编辑的div限制输入字数,实现类似maxlength的限制效果

问题描述

可编辑的div限制输入字数,实现类似maxlength的限制效果
有一个用div标签实现的编辑框,要求输入的内容长度不超过300。怎么做才能实现类似maxlength的限制效果,输入的字数超过300后,不会显示,输入无效。求大神指点!

解决方案

不用麻烦大家了,刚刚我已经找到解决方法了!
是这样实现的,如果内容长度大于300,就直接截取字符串就行了。之前想复杂了!

if(object.text().length>300){            object.text(object.text().substring(0300));        }
时间: 2024-11-03 17:07:58

div限制字数-可编辑的div限制输入字数,实现类似maxlength的限制效果的相关文章

JS在可编辑的div中的光标位置插入内容的方法

 首先要让DIV启用编辑模式 代码如下: <div contenteditable=true id="divTest"></div> 通过设定contenteditable=true开启div的编辑模式.这样DIV就可以跟文本框一样输入内容了. 不扯话题了.下面说怎么获取或设置光标位置.   2个步骤: ① 获取DIV中的光标位置 ② 改变光标位置 代码如下: var cursor = 0; // 光标位置  document.onselectionchange

JS在可编辑的div中的光标位置插入内容的方法_javascript技巧

本文实例讲述了js实现在可编辑div中指定位置插入内容的方法,就像我们使用的编辑器一样,分享给大家供大家参考.具体实现方法如下: 首先要让DIV启用编辑模式 复制代码 代码如下: <div contenteditable=true id="divTest"></div> 通过设定contenteditable=true开启div的编辑模式.这样DIV就可以跟文本框一样输入内容了. 不扯话题了.下面说怎么获取或设置光标位置. 2个步骤: ① 获取DIV中的光标位置

div布局,上中下结构,怎么让高度固定的div始终在高度自适应的div下面

问题描述 div布局,上中下结构,怎么让高度固定的div始终在高度自适应的div下面 我做了一个页面布局为上中下,上面和下面的高度都是固定的,中间的高度是自适应的,下面那个div要怎么设置才能紧挨着中间的那个div我写的都跑到上面去了 解决方案 试试,下面的用下边距0固定 解决方案二: 贴出具体代码看看吧. 解决方案三: 正常就是上中下,除非你设置其他样式了. <div style=""height:100px"">上面</div> <

博奥新能求救:html中的DIV嵌套一个DIV,怎么让里面的DIV剧中?

问题描述 博奥新能求救:html中的DIV嵌套一个DIV,怎么让里面的DIV剧中? 博奥新能在写代码的时候发现这个问题一直没办法解决,IE和360都不能,所以博奥新能不知道哪里出了问题,请大神帮忙解决一下.谢谢.. 解决方案 div剧中css代码div上下左右剧中 解决方案二: 可以尝试一下: 1.对需要水平居中的DIV层添加以下属性: margin-left: auto; margin-right: auto; 2.主要的样式定义如下: body {TEXT-ALIGN: center;} #

子元素div高度不确定时父div高度如何自适应

每当进行页面布局时,我们都有这样的需求,就是当子元素div高度不确定时父div自适应高度,本文整理的多种方法可以解决此问题,感兴趣的朋友可以参考下   在最外层div加以下样式 height:100%; overflow:hidden; 其它方法: Div即父容器不根据内容自适应高度,我们看下面的代码:   复制代码 代码如下: <div id="main"> <div id="content"></div> </div&g

css-关于div布局问题,怎样使div大小不随浏览器窗口大小改变

问题描述 关于div布局问题,怎样使div大小不随浏览器窗口大小改变 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title></title> <style type="text/css"> .logo1{padding:0px 0px 0px 0px;background-col

正则表达式 获取标签内的文字 如&amp;amp;lt;div&amp;amp;gt;文字&amp;amp;lt;/div&amp;amp;gt;

问题描述 <div class="hdwiki_tmml"><a class="  FCK__AnchorC" name="1">是大家是否</a></div><div class="hdwiki_tmml"><a name="2">士大夫士大夫</a></div>我想要的结果是:1.是文字内容是大家是否士大夫士

javascript-js怎么实现只打印div框内部分,溢出div框外部分不打印

问题描述 js怎么实现只打印div框内部分,溢出div框外部分不打印 (注明:"添加文本我要打印"是一个label标签的内容) 解决方案 JS部分打印 解决方案二: 外面的div样式加个overflow:hidden,溢出隐藏 解决方案三: 看你用的打印控件是什么了

div布局-c# 怎样在后台div的状态是显示或隐藏?

问题描述 c# 怎样在后台div的状态是显示或隐藏? c# 怎样在后台div的状态是显示或隐藏?急用,请各位大仙施以援手.谢谢. 解决方案 增加div增加runat="server"属性,就可以在代码里面通过id引用到,你设置xxx.Visible=true/false就可以显示或者隐藏了 解决方案二: aspx页面代码: <div id="text" runat="server"> aaaa </div> <asp