控制textarea文本长度,并限制输入字数(带统计显示)的特效(二)

        控制textarea文本长度,并限制输入字数(带统计显示)的特效

 

效果示例如下:

控制textarea文本长度,并限制输入字数(带统计显示)的特效(二)_第1张图片

 

特效代码如下(提示用popHint):



	
		
		POPHint & statInput 整合效果


		

	
	
		
TopstatInput 调用方法
statInput(Element, MaxLen, {objMax, objTotal, objLeft, Hint});
  • Element:Object限制统计对象 (*必须)
  • MaxLen:Number最大可输入长度 (*必须)
  • objMax:Object显示最大输入长度对象 (*可选)
  • objTotal:Object显示输入统计对象 (*可选)
  • objLeft:Object显示可输入长度对象 (*可选)
  • Hint:Boolean当长度超出上限时,是否提示 (*可选)
TopstatInput 演示
最多可输入 ,当前共 ,还可输入





ToppopHint 调用方法(目前只支持单行)
popHint(Element, Hint, {Type, Event});
  • Element:Object弹出对象。根据它来定位的。 (*必须)
  • Hint:String弹出的信息,支持HTML可是不能换行。 (*必须)
  • Type:String弹出类型。其实说类型是不对的。只是定义个图标而已...(可自己在样式里加很多很多"类型") (*可选)
  • Event:String关闭触发事件。目前只能绑定单个事件(默认click=document.onmousedown,blur=Element.onblur) (*可选)

详见:http://bbs.blueidea.com/thread-2856572-1-1.html
ToppopHint 演示
  • 测试blur不关闭:
  • 测试blur关闭:
  • Test2:
  • Test3:
  • Test4:
  • Test5:

 

你可能感兴趣的:(控制textarea文本长度,并限制输入字数(带统计显示)的特效(二))