`

处理ie浏览器8以上 9、10、11的双击的bug

    博客分类:
  • js
阅读更多
实现功能:有一个勾选框 在IE8前是 ok的 代码如下:

 源代码:

<input type="checkbox" onclick="fenzufangshi(this)" value="time">

 function fenzufangshi(obj){	
	var c=$(obj).val();
	var row=$(obj).parent().parent().next();
	var nownum=$("select:first",row).val();//12-12	
	
	if($(obj).prop("checked")==true){	
		$("select[name=weizhi]",row).show();
		$("span",row).hide();
 
		//如果类型为时间类型
	
	$("select[name=weizhi]",row).show();//原双击的处理
		$("span",row).hide();
		//如果类型为时间类型
		if(c=="time"){
			$(obj).parent().css("float","left");
			$(obj).parent().after("<select class=\"autobox sec3\" style=\"margin-left:8px;float:left;width:50px\"><option value=\"day\" >天</option><option value=\"hour\">小时</option><option value=\"Minute\">分钟</option></select>");
		}

		//是否分组checkbox状态12-12
		/*
		$("#page3ziduan tbody tr").each(function(){
			var gpindex=$("td",this).eq(2).find("select:first").val();
			if(gpindex!=0&&gpindex==nownum){
				$("td",this).eq(1).find("input[type=checkbox]").attr("checked",true);
				$("td",this).eq(2).find("span").hide();
			}
		})*/
	}else{	
		if($("select:first",row).val()==0){
			$("select[name=weizhi]",row).show();
			$("span:last",row).hide();
		}else{
			$("select[name=weizhi]",row).show();
			$("span:last",row).show();
		}
		if(c=="time"){
			$(obj).parent().next("select").remove();
		}
		//是否分组checkbox状态12-12
		var xian=$(obj).parent().parent().parent().index();
	}
	//优先级过滤表格再次控制
	//youxiantab();
	var changobj=$(obj).parent().parent().next().find("select[name='youxianji']");
	youxianjiselect(changobj,true);
}




但是在IE9、10、 11 双击出现bug 会出现多个勾选框 改进代码如下:

<input type="checkbox" onclick="fenzufangshi(this)" value="time">

 function fenzufangshi(obj){	
	var c=$(obj).val();
	var row=$(obj).parent().parent().next();
	var nownum=$("select:first",row).val();//12-12	
	
	if($(obj).prop("checked")==true){	
		$("select[name=weizhi]",row).show();
		$("span",row).hide();
 
		//如果类型为时间类型
		if(c=="time"){
			$(obj).parent().css("float","left");
			$(obj).parent().after("<select class=\"autobox sec3\" style=\"margin-left:8px;float:left;width:50px\"><option value=\"day\" >天</option><option value=\"hour\">小时</option><option value=\"Minute\">分钟</option></select>");		
	
			$(obj).dblclick(function(){ //处理双击的bug
				$(obj).parent().next("select").remove();
				$(this).attr({"checked":false});
			});
		}
	
	/*	$("select[name=weizhi]",row).show();//原双击的处理
		$("span",row).hide();
		//如果类型为时间类型
		if(c=="time"){
			$(obj).parent().css("float","left");
			$(obj).parent().after("<select class=\"autobox sec3\" style=\"margin-left:8px;float:left;width:50px\"><option value=\"day\" >天</option><option value=\"hour\">小时</option><option value=\"Minute\">分钟</option></select>");
		}*/

		//是否分组checkbox状态12-12
		/*
		$("#page3ziduan tbody tr").each(function(){
			var gpindex=$("td",this).eq(2).find("select:first").val();
			if(gpindex!=0&&gpindex==nownum){
				$("td",this).eq(1).find("input[type=checkbox]").attr("checked",true);
				$("td",this).eq(2).find("span").hide();
			}
		})*/
	}else{	
		if($("select:first",row).val()==0){
			$("select[name=weizhi]",row).show();
			$("span:last",row).hide();
		}else{
			$("select[name=weizhi]",row).show();
			$("span:last",row).show();
		}
		if(c=="time"){
			$(obj).parent().next("select").remove();
		}
		//是否分组checkbox状态12-12
		var xian=$(obj).parent().parent().parent().index();
	}
	//优先级过滤表格再次控制
	//youxiantab();
	var changobj=$(obj).parent().parent().next().find("select[name='youxianji']");
	youxianjiselect(changobj,true);
}


分享到:
评论

相关推荐

    安装bugfree

    这个时候再IE浏览器中输入http://localhost:端口号 回车,就可以看到XAMPP的维护页面;这个时候关闭浏览器,来安装bugfree程序,将bugfree的解压后整个文件夹放入\xampp\htdocs中,再打开IE,输入:http://localhost:...

    永久网络电台 v1.1 ACCESS-SQL全功能版 UTF-8.rar

    1.1版 修正1.0谷歌浏览器无法播放问题,全面支持IE浏览器,火狐浏览器,谷歌浏览器,遨游3 等主流浏览器 1.1版 优化了整体代码,修正了1.0版本多处Bug,缩小了体积 1.1版 程序加载速度加快,优化了代码更有利搜索引擎...

    海康威视4004驱动级软件

    5.修改了多路报警全屏双击花屏的bug; 6.修改了预录像时,确保写入数据可用; 5.0.0.0 1、手动报警功能 通过设置手动报警网络上传,可以将报警信息上传设置好的列表中的地址 客户端自动弹出远程报警信息 客户端...

    HTML+JS抽奖系统V2.1.1 HTA版

    4、只需要IE浏览器即可完成所有执行。 5、未到场人员可以双击数字单独重新抽取。 6、自由配置一次抽一组或者抽一个。 7、抽奖完成后可以选择保存结果以便日后统计分析。 ------------------------------------------...

    游戏画面就弹出内存不能为read修复工具

    例一:IE浏览器出现“0x0a8ba9ef”指令引用的“0x03713644” 内存,或者“0x70dcf39f”指令引用的“0x00000000”内存。该内存不能为“read”。要终止程序,请单击“确定”的信息框,单击“确定”后,又出现“发生...

    Collector资料收集管理器

    1、减少IE右键菜单(需重新创建到IE浏览器右键菜单才能生效) 2、添加收集时可编辑节点信息。 2007-10-10 15:55:00 1、添加word文件显示常用、格式工具栏及不显示审阅工具栏 2、添加Excel、PowerPoint文件显示...

    内存不为read的修复工具

    例一:IE浏览器出现“0x0a8ba9ef”指令引用的“0x03713644” 内存,或者“0x70dcf39f”指令引用的“0x00000000”内存。该内存不能为“read”。要终止程序,请单击“确定”的信息框,单击“确定”后,又出现“发生...

    HTML+JS年会宴会抽奖系统 v3.0

    4、只需要IE浏览器即可完成所有执行。 5、未到场人员可以双击数字单独重新抽取。 6、自由配置一次抽一组或者抽一个。 7、自由定义过滤没有发到的号码段。 8、屏蔽键盘上无用键以免人员误操作。 9、抽奖完成后可以...

    tonyCode抽奖系统(原HTML+JS抽奖系统)V4.0

    2011-01-14 兼容了火狐浏览器,但本人建议仍然用IE,要用火狐只有按F11手动全屏了 2011-01-14 部分键 F5、退格、Ctrl+R、Ctrl+N、Shift+F10、Alt+F4 被屏蔽,避免一些意外发生 2011-01-14 优化了一些繁琐的结构,...

    html+Js抽奖系统 2.0.1

    4、环境要求低,只需要IE浏览器即可完成所有执行和配置工作。 5、未到场人员可以双击数字单独重新抽取。 6、开完配置一次抽一组或者抽一个。 7、自定义配置可以根据需要保存为配置文件。 8、抽奖完成后可以选择保存...

    0x00000000内存不能为read修复工具

    一个窗口即将关闭”的信息框,关闭该提示信息后,IE浏览器也被关闭。 解决方法:修复或升级 IE 浏览器,同时打上补丁。看过其中一个修复方法是,Win2000 自升级,也就是 Win2000升级到Win2000,其实这种方法也就是把...

    定时关机3000 v10.08.zip

    无法使用IE、Maxthon、TT等浏览软件浏览网页;无法更改系统时间(防止通过此方法破坏定时关机);无法使用任务管理器(防止非法终止正在运行的软件);无法使用注册表;另外,你还可设置自动关机后多长时间不许使用...

    asp.net知识库

    .NET关于string转换的一个小Bug Regular Expressions 完整的在.net后台执行javascript脚本集合 ASP.NET 中的正则表达式 常用的匹配正则表达式和实例 经典正则表达式 delegate vs. event 我是谁?[C#] 表达式计算引擎...

    vc++ 开发实例源码包

    10:下载管理,虚拟文件夹. 11:自动ping. 12:连接到搜索引擎. 13:自动报告bug,建议等. 14:宏功能. 15:自动同步文件夹. 16:保存加载任务. 17:计划任务. 18:单线程下载时不能创建临时文件. 19:下载流文件(rm,Media ...

    如何查杀运行状态下的EXE、DLL病毒

    计算机周边设备(主要指硬盘)即可直接与内存交换数据,这样能加快硬盘读写速度,提高数据传输速率:打开“设备管理器”,其中“IDE ATA/ATAPI控制器”下有“主要IDE通道”和“次要IDE通道”,双击之,单击“高级...

    青果校园兼职网,阿赛企业网站管理

    4、订单系统:接受客户浏览产品、商品发出的订单,支持订单处理、标识查询,非常方便; 5、技术文章:发布产品技术参数、视频教程、行业论文等; 6、案例图片:图片系统支持企业上传成千上万的案例,可详细介绍案例...

    淘特网新闻管理系统CMS v5.1

    双击'Internet服务管理器'-&gt;右击“默认Web站点'-&gt;主目录-&gt;本地路径:设为C:\totnews就可以了。 三、如果你希望建立虚拟目录来调试程序,本系统inc目录下已经自带了配置演示文件:config(事例).asp 注:此...

Global site tag (gtag.js) - Google Analytics