搜索框的实现JS
来源:互联网 发布:怎么网络监听 编辑:程序博客网 时间:2024/06/03 22:40
<script language="javascript" type="text/javascript"> if(typeof String.__Trimed =="undefined"){ String.prototype.trim = function() { var t = this.replace(/(^/s*)|(/s*$)/g, ""); return t.replace(/(^ *)|( *$)/g, ""); } String.__Trimed=true ; } function ajaxSeacher(keyTextId,actButtionId,url){ this.keyContainer=keyTextId ; this.keyButton=actButtionId ; this.url=url ; var cTh=this ; this.init=function(){ var o=document.getElementById(cTh.keyContainer ); var t=document.getElementById(cTh.keyButton ); if(o.attachEvent){ o.attachEvent("onkeydown",cTh.nameKeyDown); t.attachEvent("onclick",cTh.bClick ); } else { o.addEventListener("keydown",cTh.nameKeyDown); t.addEventListener("click",cTh.bClick,false ); } } this.nameKeyDown=function (evt){ if(window.event){ if(event.keyCode==13 ){ document.getElementById(cTh.keyButton ).click(); event.returnValue=false ; } } else { if(evt.keyCode==13){ document.getElementById(cTh.keyButton ).click(); evt.returnValue=false ; } } } this.validate=function(){ var o=document.getElementById(cTh.keyContainer ); var v=o.value; if(v.trim()==""){ alert("搜索的关键字为空!"); return false ; } return true ; } this.bClick=function(evt){ if(cTh.validate ()==true ){ window.location.href=url+"?key="+escape(document.getElementById(cTh.keyContainer ).value); } } } </script> <div id="ajaxSearch"> <div><a id="ajsNews">新闻</a><a id="ajsCourse">课程</a><a id="ajsKb">知识</a></div> <input type="text" name="schKey" id="ajaxSechkey" /><input type="button" id="sckBtn" value ="搜索" /> </div> <script language="javascript" type="text/javascript"> var aj=new ajaxSeacher("ajaxSechkey","sckBtn","ajaxTree2.htm"); aj.init(); </script>
- 搜索框的实现JS
- 搜索框的js实现
- js实现搜索提示框
- js实现带搜索功能的下拉框
- 用Vue.js实现一个简单的搜索框
- Ext Js 4实现的一个搜索框,调用的是谷歌的api,使用谷歌来搜索
- JS代码实现-搜索框输入后-回车实现搜索
- js实现ajax搜索的有趣逻辑
- JS--历史搜索记录的实现
- JS实现搜索框动态效果
- JS 实现可伸缩搜索框
- JS实现搜索框绑定回车键示例
- JS实现搜索框文字可删除
- Js+ajax实现智能百度搜索框
- chosen.jquery.js 搜索框实现模糊搜索 chosen-select
- js实现百度搜索
- js实现模糊搜索
- js实现联想搜索
- [OpenCV] cvGetSubRect的使用
- SOA治理注意事项
- java经典题目---1(转贴)
- ajaxLoginCtrl4StudyezCom
- java经典题目---2(转贴)
- 搜索框的实现JS
- java经典题目---3(转贴)
- SOA治理最佳策略:小幅起步循序渐进
- SQL Server 不允许进行远程连接__错误
- 解决 WIN2003+IIS6.0 : HTTP 错误 401.1 - 未经授权:访问由于凭据无效被拒绝
- C++
- 心态好才是真的好
- JSP的注释问题
- TestDriven.NET 2.0——单元测试的好助手