码迷,mamicode.com
首页 > 其他好文 > 详细

初识onselectstart

时间:2016-04-25 00:23:53      阅读:180      评论:0      收藏:0      [点我收藏+]

标签:

onselectstart几乎可以用于所有对象,其触发时间为目标对象被开始选中时(即选中动作刚开始,尚未实质性被选中)。

实例:

  1. 在做拖拽效果的时候,为了防止js选中页面上的其他元素,onselectstart="return false"
  2. 做图片滚动时,在双击左右箭头,快速切换图片滚动时,会选择附近区域的文字。加上onselectstart="return false"  这样这个区域的文字都不能选中了,就也不会出现在双击左右箭头快速切换图片滚动时会选择附近区域文字的情况了。

IE及Chrome下的方法一样,对相应的元素添加onselectstart=”return false;”但是,这个在火狐下不起作用,但是火狐下可以用css样式来达到这个效果,即添加-moz-user-select:none;就可以兼容ie,google,firefox了。 webkit浏览器可以使用“-khtml-user-select”,当然也可以使用IE,Chrome的方式。

例如      <div class="picBox" onselectstart="return false;" style="-moz-user-select:none;">屏蔽双击选中文字的区域</div>

      onselectstart事件不被input和textarea标签支持

初识onselectstart

标签:

原文地址:http://www.cnblogs.com/hsprout/p/5428903.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!