touchscreen 相关问题

触摸屏是电子可视显示器，其可以检测显示区域内的触摸的存在和位置。（维基百科）

使用vanilla JS，并且没有触摸框架，什么条件使touchstart + touchend成为点击事件？是否有官方规范，例如： touchstart 后跟 touchend，带有

javascript google-chrome addeventlistener touchscreen touchstart

回答 1 投票 0

在多模式下使用 HTML ，如何使用触摸屏设备选择多个项目？拖放或滑动无法用于选择，已经用于滚动... 在 <select> 模式下使用 HTML multiple，如何启用使用触摸屏设备选择多个项目？无法使用拖放或滑动进行选择，已用于滚动列表的滚动条双击/双击已用于打开所选元素（例如，像在文件资源管理器中一样）有内置的 HTML5 方法可以做到这一点吗？ select { width: 10em; height: 12em; } <select multiple> <option>Dog</option> <option>Cat</option> <option>Hamster</option> <option>Parrot</option> <option>Spider</option> <option>Goldfish</option> <option>Elephant</option> <option>Mouse</option> <option>Bee</option> <option>Sheep</option> <option>Fox</option> </select> 注意：这是 Android 上默认显示的方式，但我不想要这种设计，因为当我们不点击它时，我们看不到所选元素：似乎没有原生 HTML5 方法可以帮助您。您可以使用 select2 或类似的库，或者尝试这个（如果它适合您）我们可以使用媒体查询隐藏正常选择，并在移动设备上选择其中的选项 document.addEventListener('DOMContentLoaded', () => { const dropBtn = document.getElementById('dropbtn'); const dropdownContent = document.getElementById('myDropdown'); dropBtn.addEventListener('click', () => { dropdownContent.hidden = !dropdownContent.hidden; }); window.addEventListener('click', (event) => { const tgt = event.target; const parent = tgt.closest('#myDropdown') if (!tgt.matches('#dropbtn') && !parent) { dropdownContent.hidden = true; } }); dropdownContent.addEventListener('click', (event) => { event.preventDefault(); const tgt = event.target.closest('a'); if (!tgt) return tgt.classList.toggle('active'); // we COULD select a hidden select here }); }); .dropdown { position: relative; display: inline-block; } .dropdown-content { position: absolute; background-color: #f9f9f9; min-width: 160px; box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.2); z-index: 1; } .dropdown-content a { color: black; padding: 12px 16px; text-decoration: none; display: block; } .dropdown-content a.active { background-color: lightblue; } <div class="dropdown"> <button id="dropbtn">Dropdown</button> <div id="myDropdown" class="dropdown-content" hidden> <a href="#">Option 1</a> <a href="#">Option 2</a> <a href="#">Option 3</a> </div> </div>

javascript html responsive-design html-select touchscreen

回答 0 投票 0

Android 设备的屏幕灵敏度

我在测试过程中遇到了一个非常奇怪的场景，也许你可以照亮我。设想：该应用程序包含在 Surfaceview 中，我在其中处理触摸事件。我在...

android touch touchscreen

回答 2 投票 0

为什么使用 TouchMove-event 时 left 和 top 属性被禁用

使用 onmousemove 时，左侧和顶部属性已启用，我可以拖动 div 元素，但当尝试在使用 ontouchmove 时使用相同的属性时，它们被禁用：这是为什么？

javascript blazor responsive touchscreen

回答 1 投票 0

Goodix GT911触摸屏控制器在设备开机64秒后开始产生i2c信号

我正在尝试将 Goodix 触摸屏集成到我的 imx7dsabresd 系统中。它工作正常，但在打开后 64 秒后。我使用