【原创】总结这个项目可复用的功能

本文分享了一些实用的JavaScript代码片段,包括禁用鼠标右键菜单、字符计数限制、弹窗功能及表格中复选框操作等,适用于提高用户体验和简化开发工作。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

这个.Net项目已经接近尾声了,我想把公共可复用的功能抽取出来,一是和大家分享,二也是自己经验的积累。

首先分享一个config.js这个javascript文件,放在项目下,对整个项目都可以使用

代码如下:

//屏蔽鼠标右键菜单,对于一个专业的系统,这个还是很重要的 document.oncontextmenu=function(){return false;} //这个textCounter函数是根据用户输入的字符,来计算当前用户还可以输入多少数字, //在客户体验方面比较友好,而且超过字数限制之后会自动截取到相应字数 //这里field是让用户输入数据的textBox;maxlimit是最多可以输入的字数 // labelStr为一个Label或者textBox主要是动态显示当前可以输入的字数, //建议把它设置为//只读 function textCounter1(field, maxlimit, labelStr) { if(document.getElementById(field).value.length > maxlimit) { document.getElementById(field).value = document.getElementById(field).value.substring(0,maxlimit); } else { document.getElementById(labelStr).value = maxlimit - document.getElementById(field).value.length; } } //计算textbox里的字符数量限制,上面函数的重载 function textCounter(field, maxlimit) { if(document.getElementById(field).value.length > maxlimit) { document.getElementById(field).value = document.getElementById(field).value.substring(0,maxlimit); } else { document.getElementById("remLen").value = maxlimit - document.getElementById(field).value.length; } } //弹出小窗口,并且把地址栏,菜单栏,状态栏都屏蔽掉,当然还有窗口大小,这个也是很多系统都要做的 function dblclickFunc(){ window.open ("MessageEmp.aspx", "newwindow", "height=500, width=650, top=100, left=220, toolbar=no, menubar=no, scrollbars=no, resizable=yes, location=no, status=no") ; } // 复选框全选功能 function selectAll(obj) { var theTable = obj.parentElement.parentElement.parentElement.parentElement; var i; var j = obj.parentElement.cellIndex; for(i=0;i <theTable.rows.length;i++) { var objCheckBox = theTable.rows[i].cells[j].firstChild; if(objCheckBox.checked!=null)objCheckBox.checked = obj.checked; } } //选择CheckBox所选择行的值 function CheckChangInfo() { var i; for( i= 0;i<document.all.gvGoodsClassInfo.rows.length ; i++) { var cb=document.all.gvGoodsClassInfo.rows(i).cells(0).children(0); if(cb.checked) { document.getElementById("txtModel").value=document.all.gvGoodsClassInfo.rows(i).cells(1).innerText; document.getElementById("txtRemark").value=document.all.gvGoodsClassInfo.rows(i).cells(2).innerText; } } }

有不足的地方,大家可以提出来,后续会更新更多项目总结

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值