Javascript 选项卡的幻灯片效果第2部分

好了，我原来的问题得到了回答，现在我的幻灯片效果只有在我的div区域的任何地方点击时才会出现。下面是代码：

$(document).ready(function(){
$('#tabs').tabs();

$("#tabs").click(function() {
     $(this).effect( "slide", "medium" );
 });
});

---

现在我想知道如果有人想从我的一个选项卡区域复制文本怎么办？每次他们试图突出显示时，标签就会滑开。如何使选项卡区域仅在实际单击选项卡ul时滑动？

您可以使用单击时的事件捕获选项方法。通过使用它，您可以获得单击鼠标的元素。然后你可以使用目标对象，如下所示

$('#tabs').click(function(e){
     if(e.target.nodeName == 'P') {
         e.stopPropagation();
         return;
     }
     $(this).effect( "slide", "medium" ); 
});

---

希望能有所帮助。

使用

mousedown

和

mouseup

的组合：

---

更新了防止滑落的代码右键单击复制文本：

---

你能发布你之前的问题链接吗？好的，我会很快添加答案。稍后检查

var down=0;
$(document).ready(function(){
    $("#tabs").mousedown(function(event){
        down=event.clientX+"||"+event.clientY;
    });
    $("#tabs").mouseup(function(event){
        var up=event.clientX+"||"+event.clientY;
        if(up==down)
        $(this).slideUp("medium" );
    });
});

var down="||";
$(document).ready(function(){
    $("#tabs").mousedown(function(event){
        switch(event.which){
        case 1:/*Left mouse button pressed*/
            down=event.clientX+"||"+event.clientY;
            break;
        default:/*middle or right mouse button pressed*/
            down="||";
        }
    });
    $("#tabs").mouseup(function(event){
        var up=event.clientX+"||"+event.clientY;
        if(up==down)
        $(this).slideUp("medium" );
    });
});