gpt4 book ai didi

javascript - 在右键单击时隐藏带有 angularjs 的 html 部分

转载 作者:行者123 更新时间:2023-11-30 09:42:54 27 4
gpt4 key购买 nike

使用 angularjs 或 jquery,当用户在 Canvas 区域内用鼠标右键单击时,如何隐藏 html 部分“sec1”?并在用户单击鼠标左键时再次显示它,反之亦然?我知道我可以使用 $event.which 但我有点困惑谢谢

<body
ng-app="appMyExample"
ng-controller="MainCtrl" background="images.jpe">

<h2>title</h2>

<canvas
ng-mousedown="defineSquare($event)"
oncontextmenu="return false"
id="GLCanvas" width="300" height="200" style="border:2px solid #e3d3d3;">
Your browser does not support the HTML5 canvas.
</canvas>
<br>
<b>Total on screen:</b><input type="text" value="0" id="total">
<b>Erase<input type="radio" value="Erase"></b><input type="text" value="0" id="erase">
<br>
<section id="sec1">
<css-timer id="idMainControllerTimer"
interval="40"
timeron="true"
callback="mainTimerHandler"></css-timer>
</section>
<div ng-controller="MainCtrl">
<input type="radio" ng-model="mSelection" name="shape" value="Square" ng-change="swap(1)" checked="checked">Square
<input type="radio" ng-model="mSelection" name="shape" value="Circle" ng-change="swap(2)">Circle
</div>

</body>

最佳答案

您应该能够在“sec1”部分定义一个 ng-click,并在有右键单击时采取行动。

例如- 在部分添加:

ng-click="handleClick($event)"

然后在你的 Controller 上检查 $event.which === 3 并采取相应的行动(例如,你可以设置一些 var $scope.hidden = true 并在该 var 上使用“ng-if”来删除“sec1 "来自 DOM)。

希望对您有所帮助。

关于javascript - 在右键单击时隐藏带有 angularjs 的 html 部分,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/40288868/

27 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com