如何解决blur事件和click事件冲突问题?
2015-09-06 14:42
567 查看
鼠标在输入框中时,查询内容。当点击【下一页】时,失去焦点,显示内容的窗口会关闭。假如可以点击下一页,当鼠标再次点击表格其他区域时,应触发blur事件关闭窗口,所以点击【下一页】时应重新获得焦点。代码如下:
如何解决blur事件和click事件冲突问题? //下一页 $scope.nextPage= function (){ console.log("进入下一页方法...."); var currentPage =$("#"+tableid).find("#currentPage").text(); var countPage =$("#"+tableid).find("#countPage").text(); var currentPagenum=currentPage.replace(/[^0-9]/ig,""); //当前页 var countPagenum=countPage.replace(/[^0-9]/ig,"");//总页数 var input = $("#inputable"+tableuniqueflag);//获得input DOM if(parseInt(currentPagenum)<parseInt(countPagenum)){ $scope.queryCenterReimbursData(keyword,tablequerycols,(parseInt(currentPagenum)+1)); } if(input){ //重新获得焦点,下次才可以重新触发blur。 $(input).focus(); } } //关闭表格 $scope.closewin = function($event){ //判断点击【下一页】【上一页】失去焦点,但是不关闭窗口。 var target=$event; var frombtn=""; if((target.relatedTarget)!=null){ frombtn=target.relatedTarget.id; if(("nextPage"==frombtn)||("PreviouPage"==frombtn)){ return; } } //判断点击【下一页】【上一页】失去焦点,但是不关闭窗口。 var checkrowid=$("#table"+tableuniqueflag+"").find(".checktrcolor").attr("id");//a2 //....中间代码略 $(mydivlocation).css('display','none'); }
相关文章推荐
- 第一条博客hibernate中get()与load()
- 高仿美团(全)
- ls命令--linux
- C++11系列学习之三----array/valarray
- hdoj 3605 Escape 【状态压缩构图 + 最大流】
- oracle sql语句优化
- PS学习笔记(04)
- svn命令行使用说明 Subversion的安装与简单使用
- TEA、XTEA、XXTEA加密解密算法
- Java RMI 简单示例
- vsftpd配置好后,仍然出现无法下载文件的情况
- 不需要存入文件,直接将获取的数据转换成甘特图所需的数据格式并显示
- zookeeper简单命令
- 【C++】多重继承
- hadoop 部署
- 函数调用方法
- 开发一个Android应用之前你需要知道的六件事
- 哈理工练习赛 UVALive 5093 F - Seaside(最短路)
- Eclipse的PHP插件PHPEclipse安装和使用
- Android之SAX解析笔记