首页 > web前端 > js教程 > onselectstart和onselect的使用方法

onselectstart和onselect的使用方法

一个新手
发布: 2017-10-09 09:47:37
原创
3131 人浏览过

 1.onselectstart

  这个事件主要是用于禁止选择网页中的文字。代码为:


document.onselectstart =function(){
            return false;
        }
登录后复制

  另外ff/opera不支持此事件,ff可以用css控制:css: body { -moz-user-select: none; }。webkit浏览器可以使用“-khtml-user-select”,当然也可以使用onselectstart事件来阻止用户选定元素内文本。

  注意此事件不支持对input和textarea无效。

2.onselect

  此事件在选择textarea或input内的内容后触发。因此只有input和textarea标签支持。例如:

<input type = &#39;text&#39; id = &#39;input>
<script>
             var input = document.getElementById(&#39;input&#39;);
             input.onselect = function(){
                alert("被触发");
            }     
</script>
登录后复制

以上是onselectstart和onselect的使用方法的详细内容。更多信息请关注PHP中文网其他相关文章!

相关标签:
来源:php.cn
本站声明
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn
热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板