`

去除HTML选择——兼容IE、FireFox(document.onselectstart,样式)

阅读更多

今天做一个拖动效果,在网上找了个模板,作发后发现一拖动就会选择其它页面部分,需要去除这个效果,

找了个模板看了下发现有如下方法:只能被IE识别,

document.onselectstart=function(){return false}

优化后:(可能选择下拉列表框架)

document.onselectstart= function(event){
if(window.event) {
event =    window.event;
}
try {
var the = event.srcElement ;
if( !( ( the.tagName== "INPUT" && the.type.toLowerCase() == "text" ) || the.tagName== "TEXTAREA" ) )
{
return false;
}
return true ;
} catch(e) {
return false;
}
}

接着以找到用样式控制:

            body   
            {   
                    -moz-user-focus:   ignore;   
                    -moz-user-input:   disabled;   
                    -moz-user-select:   none;   
            }     

可以兼容FireFox.

最终解决。

分享到:
评论

相关推荐

    Javascript的IE和Firefox(火狐)兼容性

    ### Javascript的IE与Firefox(火狐)兼容性解决方案 在Web开发过程中,浏览器兼容性问题一直是开发者们关注的重点之一。由于不同的浏览器对于Web标准的支持程度存在差异,这导致了同样的代码在不同浏览器中的表现...

    浏览器兼容性问题收集(IE,Firefox,Chrome,Safri)

    浏览器兼容性问题收集(IE, Firefox, Chrome, Safari) 本文主要收集了浏览器兼容性问题,涵盖了 IE, Firefox, Chrome, Safari 等多种浏览器的兼容性问题。这些问题都是 WEB 开发者们经常遇到的问题,了解这些问题...

    js在IE与firefox的差异集锦

    比如在获取表单元素时,IE支持document.formName.item("itemName"),而Firefox只支持document.formName.elements["elementName"]。因此,为了兼容性,统一使用document.formName.elements["elementName"]更为稳妥。 ...

    firefox和IE系列的相关区别整理 以备后用

    标题中的“firefox和IE系列的相关区别整理”是指对两种主流浏览器——Mozilla Firefox和Microsoft Internet Explorer在处理JavaScript、CSS以及特定功能上的差异进行对比和总结。这些差异主要体现在以下几个方面: ...

    IE火狐不同点集锦

    本文将深入探讨Internet Explorer(IE)与Mozilla Firefox(火狐)两大浏览器在JavaScript(JS)和CSS方面的差异,旨在帮助开发者更好地适配不同浏览器环境。 ### 一、IE与Firefox的JS和CSS处理差异 #### 1. PNG...

    IE与FireFox的js和css几处不同点

    在JavaScript和CSS的世界里,IE(Internet Explorer)与Firefox(Mozilla Firefox)的实现存在一些显著差异,这在开发跨浏览器的Web应用时需要特别注意。以下是一些关键的区别点: 1. **innerText与textContent**:...

    火狐与IE浏览器之间的一些差别收集.docx

    为了确保CSS样式能够完美兼容IE6/IE7及Firefox,可以采用以下几种方法: 1. **使用条件注释**:在HTML文档中使用条件注释来针对特定版本的IE提供特殊的样式表。 - 示例代码: ```html <!--[if IE 6]> ...

    网页禁止下载、复制代码和使用右键

    2. **Firefox等非IE浏览器的处理** - 判断`window.sidebar`的存在与否(Firefox的一个特性)。 ```javascript if (window.sidebar) { // for Firefox document.onmousedown = disableselect; document.onclick ...

    火狐和ie的区别

    火狐(Firefox)和Internet Explorer(IE)是两种流行的网络浏览器,它们在处理网页内容时有许多不同的方式。本文将深入探讨两者之间的差异,主要关注JavaScript和CSS中的特性,特别是图片处理和滤镜处理。 首先,...

    将不可复制的网页内容转换为可复制粘贴的工具

    - **禁用鼠标选择**:通过JavaScript设置`document.body.onselectstart = function() { return false; }`,这样当用户尝试用鼠标拖动选中文本时,系统会阻止这一行为。 - **禁用右键菜单**:通过设置`document.body....

    js 取消页面可以选中文字的功能方法

    // Firefox document.body.style.KhtmlUserSelect = 'none'; // Konqueror document.body.style.userSelect = 'none'; // 标准属性 ``` 通过以上代码,可以在页面加载完成后应用阻止文字选取的效果。值得注意的是...

    HTML代码4种范例——网页设计.doc

    在提供的"HTML代码4种范例——网页设计.doc"文档中,我们可以看到一个简单的网页布局示例,主要包含以下几个关键知识点: 1. **文档类型声明**: `<!doctype html>` 是HTML5的文档类型声明,它告诉浏览器以HTML5...

    HTML代码4种范例——网页设计说明.doc

    `onselectstart="return false"` 阻止用户选择文本。`onMouseOver` 和 `onMouseOut` 用于在鼠标悬停和离开时执行特定函数,如显示提示信息。 9. **动态内容**: `<li id="showTime"></li>` 通常用于动态显示当前...

    禁止网页内容被复制

    除了以上提到的方法外,还可以通过设置`document.oncontextmenu`和`document.onselectstart`为`null`或特定的布尔值来进一步增加安全性: ```javascript document.oncontextmenu = null; document.onselectstart = ...

    网页内容不允许复制解决办法.pdf

    5. 把该事件的JavaScript处理代码去掉即可,以微软的 IE 浏览器为例,具体处理过程如下:点击“ 查看→源文件”(当主页文本小于64k 字节时,自动调用记事本程序打开;否则,用写字板程序打开),寻找语句,语句类似...

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

    不同的浏览器(如IE、Firefox、Chrome等)对于某些特性(如选中文本的控制)的支持不同。因此,在编写跨浏览器的代码时,需要考虑这些差异。 #### 3.2 兼容性解决方案 - **条件语句**:根据浏览器类型或版本进行...

    屏蔽IE文本选择功能

    这些方法对于IE浏览器是有效的,但在其他现代浏览器如Chrome、Firefox等上可能不会生效或行为略有不同。例如,`onselectstart`事件只适用于IE浏览器,而其他浏览器则需要使用CSS属性`user-select`来实现类似的功能。...

    一秒钟就能破解锁定的网页

    在给定的部分内容中提到了使用`document.oncontextmenu`, `document.onselectstart`, 和 `document.onsdragstart` 这三个JavaScript事件处理器来限制用户的某些操作: - **`document.oncontextmenu`**:当用户尝试...

    JavaScrip实现禁止查看源代码及保存

    #### 知识点一:`document.oncontextmenu`与`document.onselectstart` 在这段示例代码中,主要使用了两个事件处理程序来实现禁止右键菜单和选中文本的功能: 1. **`document.oncontextmenu`**: - **定义**:这个...

    解决Firefox/Opera 不支持onselectstart事件实现不允许用户select

    本文将详细阐述在Firefox和Opera浏览器中如何实现禁止用户选择文本的功能。众所周知,在IE、Safari和Chrome等浏览器中,可以通过绑定onselectstart事件来阻止用户选定页面元素内的文本。具体来说,当用户试图用鼠标...

Global site tag (gtag.js) - Google Analytics