jQuery隐藏div功能

时间:2011-12-13 15:20:08

标签: javascript jquery

是否有任何功能可以在右键单击隐藏'DIV或其他html元素,一些教程,脚本,简单代码javascript或jquery。示例:何时单击链接或

标签或'li'或'Ul'或'a'并右键单击以隐藏此元素...如何做?

更新:是的,您的所有解决方案都可以,但请查看此代码以及为何无法正常运行:

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.js"></script>
<script>
$(document).on("mousedown", "div, img, span, a", function () { 
    if (event.which === 3)
       $(this).hide();
});
</script>

<?php

$url = 'http://www.kupime.com/';

$data = file_get_contents($url);

$data = '<head><base href='.$url.' target="_blank" /></head>'.$data;




echo $data;


?>

当我点击没有任何事情发生时。为什么?

3 个答案:

答案 0 :(得分:1)

$("#yourDivId").click(function(e) {
 if(e.which === 3) { $(this).hide(); }
});

答案 1 :(得分:1)

您可以在mousedown处理程序中使用event.which来猜测用户是单击了鼠标左键还是鼠标右键。

$(document).on("mousedown", "div", function() { 
    if (event.which === 3)
       $(this).hide();
});

有关event.which

的详情,请参阅this answer

修改

当然,如果你想隐藏除div之外的元素,你可以在on的选择器上用逗号分隔它们

$(document).on("mousedown", "div, img, span, a", function () { 
    if (event.which === 3)
       $(this).hide();
});

或者,如果您想要隐藏任何右键单击

$(document).on("mousedown", "*", function () { 
    if (event.which === 3)
       $(this).hide();
});

答案 2 :(得分:-1)

我找到了答案here。 这将告诉你如何用鼠标右键点击它。

结果会是这样的:

$("body").children().click(function(e) {
 if(e.which === 3) { $(this).hide(); }
});