Question

示例：

div.my{width: 100%;}

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

左键单击：

div{width: 75%;}

右键点击：

div{width: 100%;}

Answer 1

首先，您应该小心使用左键单击并在浏览器中单击鼠标右键。并非所有浏览器都支持右键单击如果您仍想实现此功能，则可以通过oncontextmenu事件检测到右键单击。

基本上，您需要编写在oncontextmenu发生时触发的函数的脚本。您需要通过document.getElementById()或类似的DOM遍历功能访问该元素。然后通过JS中的元素样式属性更改宽度。

您无法仅使用HTML和CSS访问右键。

Answer 2

将width的{{1}}初始化为100 [如帖子所述]。

收听target事件，并确定从传递给mousedown的{{1}}的{{1}}属性中点击鼠标按钮。

在which根据鼠标按钮点击event所需的callback function [本例中为25]。

将计算出的宽度应用于目标。

请参阅JSFiddle了解工作示例。

＆＃13;

callback function

＆＃13;

add or subtract

＆＃13;

unit

＆＃13;