`
laihuanhui
  • 浏览: 11294 次
  • 性别: Icon_minigender_1
  • 来自: 深圳
最近访客 更多访客>>
社区版块
存档分类
最新评论

IE中HTML标签的unselectable=on属性与文本框失去焦点的问题

阅读更多
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
      
      <head>
          <meta http-equiv="Content-Type" content="text/html;charset=utf-8" />

		  <script type="text/javascript">
				window.onload=function(){
					document.getElementById("txt").onblur = function(){
						alert("文本框失去焦点");
					}
				}	
		  </script>
     </head>
  
  <body>
  input获得焦点时,点击有unselectable="on"属性的标签,不会触发onblur事件。
	下面测试:span测试1、div测试1都不会触发onblur事件。
  <p>
	<input id="txt" type="text"/>
	 <p>
	 <span unselectable="on">span测试1 unselectable="on"</span>
	 <p>
	 <span unselectable="">span测试2 unselectable=""</span>
	 
	 <p>
	 <div unselectable="on">div测试1 unselectable="on"</div>
	 <p>
	 <div unselectable="">div测试2 unselectable=""</div>
		
  </body>
</html>

分享到:
评论

相关推荐

    js鼠标移动时禁止选中文字

    这是通过CSS样式来实现的禁止用鼠标选择功能: unselectable为IE准备 onselectstart为Chrome、Safari准备 ...&lt;div unselectable=”on” xss=removed xss=removed&gt; 屏蔽选择的样式定义:-moz-user-select属性(只

    html借助marquee实现文字左右滚动

    //借助于marquee&lt;MARQUEE behavior=”scroll” contenteditable=”true” xss=removed scrollamount=”3″ width=”100″&gt;&lt;SPAN unselectable=”on”&gt;这里是要滚动的内容&lt;/SPAN&gt;&lt;/MARQUEE&gt; //普通的实现方法&lt;DIV ...

    PHP云模块网站管理系统源码

    1、服务器与主机环境: 推荐 Windows 2003 / Windows 2008/ Linux / Unix 2、浏览器:≥IE7, Firefox, Chrome, Opera, Safari 3、数据库:MySql≥ 5.03 4、WEB服务器:Apach / IIS5 / IIS 6 / IIS 7 5、PHP...

    禁止选中文字兼容IE、Chrome、FF等

    代码如下: $(el).attr(‘unselectable’,’on’) .css({‘-moz-user-select’:’-moz-none’, ‘-moz-user-select’:’none’, ‘-o-user-select’:’none’, ‘-khtml-user-select’:’none’, /* you could also ...

    鼠标移动div时禁止选中div中的文字的方法

    今天在做div移动时遇到一个奇怪的问题 ,就是在移动div的时候偶尔会选中div中的文字,同时会影响div移动的流畅性, 可郁闷了 查了查资料 有用css实现的 也有用js实现的 具体原理就细看 直接上解决方法 下面来自转载...

    基于javaweb的3d密室逃脱游戏前端和后端源码+项目说明.zip

    在blender中给模型中的物体加上自定义的属性,用three.js导入,会把它们包装成属性的对象,用object.userData获得 目前定义的有: - floatNear (int:只用判断这个属性是否存在) 可以进入悬浮模式交互 - checkClose ...

    js禁止document element对象选中文本实现代码

    代码如下: // 参数 obj: 要禁止选中文本的元素的jquery对象 // 参数 enabled: true, 可选中; false, 不可选中 function setSelectable(obj, enabled) {... } else { obj.attr(“unselectable”, “on”).attr(“onselec

    _MP3文件切割 修整 录制工具

    - Stupid hang on language selection fixed - Unselectable record base name problem fixed - Optional slim button layout - Batch function corrections - Pause detection optimizations - Some more ...

    css-utils:CSS 实用程序

    .u-unselectable .u-unclickable 尺寸和位置 .u-fullSize .u-fullParent .u-fluid--w .u-fluid--h .u-topCorner .u-topCorner--right 居中元素 .u-center--rel .u-center--abs .u-middle--abs 内联列表 .u-...

Global site tag (gtag.js) - Google Analytics