// 这里都是公用函数,挺多的...
var
// 获取元素
$ = function(element) {
return (typeof (element) == 'object' ? element : document.getElementById(element));
},
// 判断浏览器
brower = function() {
var ua = navigator.userAgent.toLowerCase();
var os = new Object();
os.isFirefox = ua.indexOf('gecko') != -1;
os.isOpera = ua.indexOf('opera') != -1;
os.isIE = !os.isOpera && ua.indexOf('msie') != -1;
os.isIE7 = os.isIE && ua.indexOf('7.0') != -1;
return os;
},
// 事件操作(可保留原有事件)
eventListeners = [],
findEventListener = function(node, event, handler) {
var i;
for (i in eventListeners) {
if (eventListeners[i].node == node && eventListeners[i].event == event && eventListeners[i].handler == handler) {
return i;
}
}
return null;
},
myAddEventListener = function(node, event, handler) {
if (findEventListener(node, event, handler) != null) {
return;
}
if (!node.addEventListener) {
node.attachEvent('on' + event, handler);
} else {
node.addEventListener(event, handler, false);
}
eventListeners.push({ node: node, event: event, handler: handler });
},
removeEventListenerIndex = function(index) {
var eventListener = eventListeners[index];
delete eventListeners[index];
if (!eventListener.node.removeEventListener) {
eventListener.node.detachEvent('on' + eventListener.event,
eventListener.handler);
} else {
eventListener.node.removeEventListener(eventListener.event,
eventListener.handler, false);
}
},
myRemoveEventListener = function(node, event, handler) {
var index = findEventListener(node, event, handler);
if (index == null) return;
removeEventListenerIndex(index);
},
cleanupEventListeners = function() {
var i;
for (i = eventListeners.length; i > 0; i--) {
if (eventListeners[i] != undefined) {
removeEventListenerIndex(i);
}
}
};
/*======================================================
-输入限制统计
======================================================*/
function statInput(e, _max, _exp) {
e = $(e);
_max = parseInt(_max);
_max = isNaN(_max) ? 0 : _max;
_exp = _exp == undefined ? {} : _exp;
if (e == null || _max == 0) {
alert('statInput初始化失败!');
return;
}
var
// 浏览器
_brower = brower();
// 输出对象
_objMax = _exp._max == undefined ? null : $(_exp._max),
_objTotal = _exp._total == undefined ? null : $(_exp._total),
_objLeft = _exp._left == undefined ? null : $(_exp._left),
// 弹出提示
_hint = _exp._hint == undefined ? null : _exp._hint;
// 初始统计
if (_objMax != null) _objMax.innerHTML = _max;
if (_objTotal != null) _objTotal.innerHTML = 0;
if (_objLeft != null) _objLeft.innerHTML = 0;
// 设置监听事件
// 输入这个方法比较好.
// 但是Opera下中文输入跟粘贴不能正确统计...相当BT的东西...
// 如果不考虑Opera的话就用这个吧.否则就老老实实用计时器.
if (_brower.isIE) {
myAddEventListener(e, "propertychange", stat);
} else {
myAddEventListener(e, "input", stat);
}
/*
// 用计时器的话就什么浏览器都支持了.
var _intDo = null;
myAddEventListener(e, "focus", setListen);
myAddEventListener(e, "blur", remListen);
function setListen() {
_intDo = setInterval(stat, 10);
}
function remListen() {
clearInterval(_intDo);
}
*/
// 统计函数
var _len, _olen, _lastRN, _sTop;
_olen = _len = 0;
function stat() {
_len = e.value.length;
if (_len == _olen) return; // 防止用计时器监听时做无谓的牺牲...
if (_len > _max) {
_sTop = e.scrollTop;
// 避免IE最后俩字符为'\r\n'.导致崩溃...
_lastRN = (e.value.substr(_max - 1, 2) == "\r\n");
e.value = e.value.substr(0, (_lastRN ? _max - 1 : _max));
if (_hint == true) alert("限制只能输入" + _max + "个字符. \r超出的将自动去除!");
// 解决FF老是跑回顶部
if (_brower.isFirefox) e.scrollTop = e.scrollHeight;
}
_olen = _len = e.value.length;
// 显示已输入字数
if (_objTotal != null) _objTotal.innerHTML = _len;
// 显示剩余可输入字数
if (_objLeft != null) _objLeft.innerHTML = (_max - _len) < 0 ? 0 : (_max - _len);
}
stat();
}
-----以上保存Js文件
---调用
<script language="javascript" type="text/javascript">
<!--
/*********************************************
自我评价限制输入字数
*********************************************/
myAddEventListener(window, "load", testStatInput);
function testStatInput() {
statInput('TextBox1', 10, { _max: 'stat_max', _total: 'stat_total', _left: 'stat_left', _hint: true });
}
-->
</script>
---aspx文件格式
<div class="gray">
<asp:TextBox runat="server" ID="TextBox1" Rows="4" cols="30" TextMode="MultiLine" />
最多可输入<span id="stat_max" ></span>个字符 ,当前共<span id="stat_total" style=" color:#CC0000"></span>个字符 ,还可输入<span id="stat_left" style=" color:#006600" ></span>个字符 </div><br />
<font color="#666666">请用简洁的词语描述自己的综合能力,字数请控制在1000个字符 ; </font>