Javascript 如何通过每次左键单击和右键单击来减少长度并增加长度？

例如：

div.my{width: 100%;}

<div class="my"></div>

右键单击：

div{width: 100%;}

---

首先，在浏览器中使用左键单击和右键单击时要小心。并非所有浏览器都支持右键单击。如果仍要实现此功能，可以通过

oncontextmenu

事件检测右键单击

基本上，您需要编写一个函数脚本，该函数在出现

oncontextmenu

时触发。您需要通过

document.getElementById（）

或类似的DOM遍历函数来访问元素。然后通过JS中元素的style属性更改宽度

---

您不能仅使用HTML和CSS访问右键单击。

将

目标的
宽度初始化为100[如本文所述]

聆听
mousedown
事件，并确定从传递给
回调函数的
事件的
属性中单击的鼠标按钮

在
回调函数中
根据单击的鼠标按钮添加或减去所需的
单位
[25在本例中]

将计算的宽度应用于目标

请参考工作示例


var elasticDivWidth=100；
$（'.elastic div'）。on（'mousedown'，函数（e）{
e、 预防默认值（）；
如果（（e.which==1））{
elasticDivWidth=elasticDivWidth-25；
}如果（（e.which==3））{
elasticDivWidth=elasticDivWidth+25；
}
$（this.css（'width'，elasticDivWidth+'%'）；
}).on（'contextmenu'，函数（e）{
e、 预防默认值（）；
});
.elasticdiv{
高度：200px；
背景：青色；
}

有了jquery，thx很多！我想你应该使用一些代码。我的手稿什么的。不确定。应该是琐碎的->问题应该在文章的主体，而不是主题。在浏览器中检测“右键单击”最多是不可靠的。此信息的Thx！=）没问题！如果你喜欢我的回答，请投我一票妈的，我试过了，但我的代表用右键点击指出问题的得分是15+1。依赖它不是个好主意。太好了！！非常感谢！奇怪的答案还是被否决了。你应该投赞成票，接受答案，因为它符合目的。不是我投反对票，但代码答案不受欢迎。我听到了。在上面的示例中，代码是否足以解释。我当然会在未来的答案中添加解释。您可以编辑您的答案以包含解释，然后投票人可以删除投票。“代码是最好的文档”表明了一种期望，即来自代码的逆向工程意图将到达相同的位置，cf。
div{width: 100%;}