mousedown 相关问题

我对 MouseDown 事件有问题。我的应用程序看起来像这样，我有网格，我在后面的代码中添加按钮我的 MouseDown 事件有问题。我的应用程序看起来像这样，我有网格，我在后面的代码中添加按钮 <Grid Grid.Column="1" Name="gridWithButtons" MouseDown="normalModeButtonsWP_MouseDown" > <WrapPanel Name="normalModeButtonsWP" MouseDown="normalModeButtonsWP_MouseDown" ></WrapPanel> </Grid> 但是当我在网格/包装面板中按下鼠标按钮时（例如，在按钮之间的空白区域），它不起作用。仅当我按下包裹/网格中的按钮时才有效。有谁知道怎么处理吗？单独设置 IsHitTestVisible 不会使其工作。如果“背景”设置为“无”，则元素不可单击。要使其可点击（适用于网格、堆栈面板等），请将背景设置为#00000000。这是一项旨在防止用户点击幽灵按钮的功能。但是，为其指定颜色将使其可点击。尝试在网格上设置 IsHitTestVisible = true 在我的固定情况下，对于中间只有一个按钮的 3x3 网格，我在 xaml 中为空行和空列添加了 PreviewMouseDown 事件： <DataGridCell Grid.Row="0" PreviewMouseDown="EmptyAreaPreviewMouseDown"/> <DataGridCell Grid.Row="2" PreviewMouseDown="EmptyAreaPreviewMouseDown"/> <DataGridCell Grid.Column="0" PreviewMouseDown="EmptyAreaPreviewMouseDown"/> <DataGridCell Grid.Row="2" PreviewMouseDown="EmptyAreaPreviewMouseDown"/> 在代码隐藏中： private void EmptyAreaPreviewMouseDown(object sender, MouseButtonEventArgs e) { // do here empty area work } 希望它对将来的人有所帮助。

wpf grid wrappanel mousedown

回答 3 投票 0

JS mousedown 不适用于附加文本标签

p 标签中有两个文本，我想要做的事情是，当单击其中一个文本时，它会移动一点，然后删除其他文本，但在再次单击第一个文本后重新添加。问题是当标签是

javascript html jquery css mousedown

回答 1 投票 0

Svelte 中的事件传播

与子组件交互时，父组件的事件会触发。下面是我的代码示例： ... 与子组件交互时，父组件的事件触发。下面是我的代码示例：  <div class="parent" on:click={toggle}> {#if expand} <Child /> {/if} </div>  <div class="child" on:mousedown|stopPropagation={execute}> text </div> 我尝试在函数调用中使用 stopPropagation 和 preventDefault 。这些是不同的事件，停止一种类型不会停止另一种，即使它们都与单击操作相关。如果您在家长上听 click，则必须停止在孩子上click。另外，使用按钮。

onclick event-handling svelte mousedown event-propagation

回答 1 投票 0

div 调整 chrome 视口和检查器之间的差异

给出以下代码：正文，html { 保证金：0；高度：100%； } .flX{ 显示：弹性；高度：100%； } #wrap {flex-dir ...</desc> <question vote="0"> <p>给出以下代码：</p> <p></p><div data-babel="false" data-lang="js" data-hide="false" data-console="true"> <div> <pre><code><!DOCTYPE html> <html> <head> <style> body, html { margin: 0; height: 100%; } .flX { display: flex; height: 100%; } #wrap {flex-direction: column} #main {flex-grow: 0} #preview { display: flex; flex-grow: 1; height: 100%; width: calc(100% - 256px); background-color: gainsboro; } #properties { width: 256px; background-color: linen; } #propDrag { width: 8px; height: 16px; background-color: silver; cursor: pointer; } </style> </head> <body> <div id="wrap" class="flX"> <div id="main" class="flX"> <div id="preview"></div> <div id="properties" class="flX"> <div id="propDrag"></div> </div> </div> </div> <script> const qSlc = function(e) {return document.querySelector(e)}, main = qSlc("#main"), properties = qSlc("#properties"), propDrag = qSlc("#propDrag"); let dragProp = false; function onMouseMove(e) { let w=window.innerWidth, x=e.clientX, pw=w-x; if (dragProp) { properties.style.width = pw + 'px' console.log(w,x,pw,properties.style.width) } } document.addEventListener('mousemove', onMouseMove); document.addEventListener('mouseup', () => dragProp = false); propDrag.addEventListener('mousedown', () => dragProp = true); </script> </body> </html></code></pre> </div> </div> <p></p> <p>我注意到当我移动 propDrag 时，指针和元素之间存在差异。当我向左移动时它会增加。我还注意到 chrome>inspector>elements 中的 properties.width 和它的视口之间存在差异（当我将鼠标悬停在 chrome>inspector>elements>properties 上时）。我用屏幕尺测量，视口中属性矩形下方显示的宽度是正确的。为什么会出现这种差异，如何解决？</p> </question> <answer tick="false" vote="0"> <p>我找到原因了:) 所以我在#preview 的 css 中添加了“flex:1”，并删除了：flex-grow & width。我还是不明白为什么。</p> </answer> </body></html>

javascript events mousemove mousedown

回答 0 投票 0

如果在 mouseMove 事件中重绘矩形，GoogleMaps 将丢失 mouseUp 事件

下面的代码示例让我感到困惑。这是我可以用来演示我的问题的较大代码段的最简单版本。基本上我希望用户能够通过

javascript google-maps-api-3 mousemove mousedown mouseup

回答 3 投票 0

AddEventListener：onmousedown

我正在创建一个Chrome扩展程序，它会检查是否存在“ onmousedown”属性，如果有，我将执行一些代码。我已经尝试过了，但是没有用。 document.addEventListener（“ ...

javascript google-chrome-extension javascript-events mousedown

回答 1 投票 2

requestAnimationFrame和鼠标事件中时间戳的顺序

我遇到了一个问题，其中requestAnimationFrame回调中收到的时间戳和鼠标事件似乎不按顺序排列，我的意思是我希望它们会不断增加（因为我希望时间只在...中出现）。