这是我遇到的问题。我需要在可拖动的 div 上附加某种句柄。
我需要做的是每次右键单击父级中的 div 时捕获鼠标右键。
这是我的孩子创建代码。这段代码工作正常,我可以毫无问题地创建多个 div。
var smallBlock = $('<div class="SmallBlock"></div>').appendTo("#canvas");
smallBlock..draggable({containment: "#canvas", scroll: false, grid: [10, 10]}, {cursor: "move", cursorAt: {top: 125, left: 150}})
smallBlock.append('<div class="article_title fontCenter fontBold font32">Article Title</div>')
smallBlock.append('<div class="article_Image"><img style="width: 250px;" src="<? echo $image1 ?>"></div>')
smallBlock.append('<div class="font14"><? echo substr($article_text, 0, 200) ?></div>')
这是鼠标点击代码。
<script type="text/javascript">
function getRightClick()
{
// check for right mouse pressed
$('#canvas').mousedown(function(event) {
switch (event.which) {
case 1:
alert('Left mouse button pressed');
break;
case 2:
alert('Middle mouse button pressed');
break;
case 3:
alert('Right mouse button pressed');
break;
default:
alert('You have a strange mouse');
}
});
}
</script>
我不知道如何让 div 识别鼠标右键单击它。
顺便说一句,我需要检测父级中的其他类 div;所以更通用的解决方案可能会更好。