如何将JQuery函数应用于除某些元素之外的所有元素？

发布于 2024-09-28 17:12:28 字数 855 浏览 2 评论 0原文

我有点被这个问题困住了。我有一个 web 应用程序，我在其中使用简单的 JQuery 插件：

$.extend($.fn.disableTextSelect = function() {
    return this.each(function(){
        if($.browser.mozilla){//Firefox
            $(this).css('MozUserSelect','none');
        }else if($.browser.msie){//IE
            $(this).bind('selectstart',function(){return false;});
        }else if ($.browser.webkit) { // chrome, webkit
          $(this).css('webkitUserSelect','none');
          this.onselectstart = function () { return false; };
        }else{//Opera, etc.
            $(this).mousedown(function(){return false;});
        }
    });
});

该插件通常会禁用所有浏览器上的鼠标文本选择。我在 #desktop 元素上调用它，它基本上是主要包装器：

$('#desktop').disableTextSelect();

我使用它，因为它禁用 #desktop 内所有元素上的鼠标文本选择。但是，#desktop 中有一些元素，我希望它们具有正常的文本选择行为。是否有一些简单的方法来实现代码，这将打破全局规则？

原文

I am kind of stuck on this one. I have webapp where I use simple JQuery plugin:

$.extend($.fn.disableTextSelect = function() {
    return this.each(function(){
        if($.browser.mozilla){//Firefox
            $(this).css('MozUserSelect','none');
        }else if($.browser.msie){//IE
            $(this).bind('selectstart',function(){return false;});
        }else if ($.browser.webkit) { // chrome, webkit
          $(this).css('webkitUserSelect','none');
          this.onselectstart = function () { return false; };
        }else{//Opera, etc.
            $(this).mousedown(function(){return false;});
        }
    });
});

This plugin generally disables mouse text selects on all the browsers. I call it on #desktop element, which is basically main wrapper:

$('#desktop').disableTextSelect();

I use this, because it disables mouse text selects on all the elements inside #desktop. However, there are some of elements in #desktop, which I want to have normal text select behaviour. Is there some easy way how to implement code, that would make exception to the global rule ?

分享到QQ

分享到微博

如果你对这篇内容有疑问，欢迎到本站社区发帖提问参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。

发布评论

需要登录才能够评论，你可以免费注册一个本站的账号。

知你几分 2024-10-05 17:12:28

JQuery 支持 not() 选择器（此处）。您可以使用那些您希望具有正常行为的元素的区别特征，作为 not() 选择器的参数

回复收藏 0 原文

单身情人 2024-10-05 17:12:28

最简单的方法是在开始主要逻辑之前进行一些过滤。

$.extend($.fn.disableTextSelect = function() {
    return this.each(function(){
        if ($(this).parents('#excludedItems').length) { //or any other logic here
            return true; //move to the next item
        }

        if($.browser.mozilla){//Firefox
            $(this).css('MozUserSelect','none');
        }else if($.browser.msie){//IE
            $(this).bind('selectstart',function(){return false;});
        }else if ($.browser.webkit) { // chrome, webkit
          $(this).css('webkitUserSelect','none');
          this.onselectstart = function () { return false; };
        }else{//Opera, etc.
            $(this).mousedown(function(){return false;});
        }
    });
});

The easiest way to do this would be do do some filtering before you start your main logic.

$.extend($.fn.disableTextSelect = function() {
    return this.each(function(){
        if ($(this).parents('#excludedItems').length) { //or any other logic here
            return true; //move to the next item
        }

        if($.browser.mozilla){//Firefox
            $(this).css('MozUserSelect','none');
        }else if($.browser.msie){//IE
            $(this).bind('selectstart',function(){return false;});
        }else if ($.browser.webkit) { // chrome, webkit
          $(this).css('webkitUserSelect','none');
          this.onselectstart = function () { return false; };
        }else{//Opera, etc.
            $(this).mousedown(function(){return false;});
        }
    });
});

回复收藏 0 原文

~没有更多了~