无法阻止被动事件侦听器内的默认行为

2023-12-01

我在用着Framework7 可排序列表它运行良好,只是当列表更改时它不会触发事件。

所以我正在尝试一些内置事件:

$('.sortable-handler').on('touchstart', function (e) {
    e.preventDefault();
    alert('touchstart');
});

$('.sortable-handler').on('touchmove', function (e) {
    e.preventDefault();
    console.log('touchmove');
});

$('.sortable-handler').on('touchcancel', function (e) {
    e.preventDefault();
    console.log('touchcancel');
});

$('.sortable-handler').mouseleave(function (e) {
    e.preventDefault();
    console.log('mouseleave');
});

..但我得到的是:

由于目标原因,无法防止被动事件侦听器内出现默认情况 被视为被动。看https://www.chromestatus.com/features/5093566007214080

我应该寻找哪个事件来获取每种类别的更新列表?


看到这个博客文章。如果你打电话preventDefault在每一个touchstart那么你还应该有一个 CSS 规则来禁用触摸滚动,例如

.sortable-handler {
  touch-action: none;
}
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)

无法阻止被动事件侦听器内的默认行为 的相关文章

  • 通过 JavaScript 获取表单名称

    我有一个简单的问题 但我在网上找不到好的解决方案 我有这个 HTML 代码
  • 想要动态处理与分页相关的页码显示:ReactJS

    我有一些分页逻辑工作得很好 唯一的问题是我只能让它显示并固定数量的页面可供选择 现在我已经把它放到了 5 页 但我希望它能够根据总记录动态更改 假设我有 100 条记录 每页限制为 10 条 将有 10 页 现在我只能让它以这种方式显示 第
  • nodejs (libuv) 事件循环是否在一个阶段(队列)中执行所有回调,然后再进入下一阶段或以循环方式运行?

    我正在研究 Node js 中 libuv 提供的事件循环 我遇到了关注 Deepal Jayasekara 的博客 https blog insiderattack net event loop and the big picture n
  • 如何在网站上使用 svg 元素制作块的屏幕截图?

    我在网站上创建了一个构造函数 其本质是将所选元素及其颜色 svg中的元素 添加到访问者选择的背景和背景颜色 png中的背景 中 然后必须单击 保存 结果 按钮并仅执行工作区的屏幕截图 我写了这个脚本 但它需要屏幕截图 但只有背景 并忽略选定
  • JavaScript 验证和 PHP 验证?

    我正在使用 jquery 验证插件来验证空表单 我还应该在 PHP 中检查一下以确保 100 正确吗 或者用 javascript 验证就可以了 谢谢 您应该始终在服务器上进行验证 如果用户以某种方式不使用 Javascript 提交表单
  • javascript 选择自定义光标 (svg)

    我正在动态地将光标更改为悬停时的本地 svg element on mouseover function this css cursor url svgs pointer svg 9 30 auto 工作正常 但我想选择该 svg 来操纵其
  • React autoFocus 将光标设置为输入值的开头

    我有一个受控输入 最初显示一个值 我已将该输入设置为自动聚焦 但当我希望它出现在末尾时 光标出现在输入的开头 我知道这可能是因为自动对焦是在值之前添加的 但我不能 100 确定 在输入字段末尾完成光标初始化的最佳方法是什么 var Test
  • JavaScript 中的 Promise 有什么意义?

    一个承诺是一个 可能现在可用 或将来可用 或永远不可用的值 来源 MDN 假设我有一个想要处理图片的应用程序 图片已加载 例如在算法在后台使用它之后 或某种其他类型的延迟 现在我想检查一下图片是否可以在future 通过使用承诺 而不是回调
  • 计算三次贝塞尔曲线的弧长、曲线长度。为什么不工作?

    我正在用这个算法计算弧长 三次贝塞尔曲线的长度 function getArcLength path var STEPS 1000 gt precision var t 1 STEPS var aX 0 var aY 0 var bX 0
  • IE 中的 XPath 查询使用从零开始的索引,但 W3C 规范是从一开始的。我应该如何处理差异?

    问题 我正在转换目前仅适用于 Internet Explorer 的相对较大的 Javascript 代码 以便使其也适用于其他浏览器 由于代码广泛使用 XPath 我们做了一些兼容性功能以使事情变得更容易 function selectN
  • mongodb 聚合 - 累积字段的不同组值

    如果我有Player表格文件 name String score Int 我有Group文档 其中组代表玩家列表 groupName String players ObjectID 玩家可以属于多个组 我想做一个聚合Player文档 按以下
  • 如何始终将焦点保持在文本框中

    我创建了一个包含两个 div 的 HTML 页面 左侧的 div 页面的 90 是 ajax 结果的目标 右侧的 div 页面的 10 包含一个文本框 该页面的想法是在文本框中输入零件编号 通过条形码扫描仪 并显示与该零件编号匹配的绘图 显
  • 如何正确取消引用然后删除 JavaScript 对象?

    我想知道从内存中完全取消引用 JavaScript 对象的正确方法 确保删除时不会在内存中悬空 并且垃圾收集器会删除该对象 当我看这个问题时在 JavaScript 中删除对象 https stackoverflow com questio
  • 使用 Google 日历源时如何禁用 FullCalendar 中的活动链接?

    我正在使用 FullCalendar 库从 Google 日历加载日历中的事件 不幸的是 事件添加到日历后 它们是可点击的 当您点击该活动时 您会自动重定向到 Google 日历页面以查看该特定活动 或者如果您有足够的访问权限 则可以直接对
  • 使用 Javascript 设置 cookie [重复]

    这个问题在这里已经有答案了 我正在尝试构建我的第一个移动应用程序 它需要连接到我的 mysql 数据库并使用 json 返回数据 这很好 目前我有一个登录系统 一旦确定用户名和密码存在 它就会返回一条成功消息 对于下一步 我想在我的页面上使
  • 如何使用 JavaScript 或 jQuery 克隆 HTML 元素的样式对象?

    我正在尝试克隆元素的样式对象 这应该允许我在更改后重置所述元素的样式 例如 el style left 50px curr style left 50px Modify the elements style The cloned style
  • 主页(网格)上的缩略图现在显得模糊。如何纠正?

    我不知道这看起来是否愚蠢 但从早上开始我就无法纠正这个突然出现在我的博客网站上的错误www candidopinions in http www candidopinions in 我有一个网格视图模板 其中博客文章中的特色图像作为调整大小
  • 使用 next.js 进行服务器端渲染与传统 SSR

    我非常习惯 SSR 意味着页面得到完全刷新并从服务器接收完整 HTML 的方法 其中根据后端堆栈使用 razor pub other 进行渲染 因此 每次用户单击导航链接时 它只会向服务器发送请求 整个页面将刷新 接收新的 HTML 这就是
  • 如何通过索引访问 JSON 对象中的字段

    我知道这不是最好的方法 但我别无选择 我必须通过索引访问 JSONObject 中的项目 访问对象的标准方法是只写this objectName or this objectName 我还找到了一种获取 json 对象内所有字段的方法 fo
  • 没有输入的 jQuery 日期选择器

    我有一个相当复杂的网络应用程序 我想向其中添加一些日期选择 UI 我遇到的问题是我无法从文档中弄清楚如何真正控制日期选择器的出现方式和时间 不涉及任何表单元素 不 我不会添加秘密表单字段 因此简单的开箱即用方法根本行不通 我希望有人可以提供

随机推荐

  • spring.codeconfig 与 xml 配置

    我已经使用 spring net 进行 xml 配置一段时间了 一个月前我刚刚看到 spring 团队发布了 CodeConfig 我喜欢 xml 配置的一点是 如果实时服务器出现问题 我可以轻松更改 xml 配置以启用某些特定的调试设置
  • Windows 7 上的 WAMP 403 禁止消息

    我已经在我的 Windows 7 机器上安装了 WAMP 2 1 版 当我在浏览器中浏览到 localhost 时 可以看到 WAMP 服务器页面 但是当我在浏览器中浏览我的 IP 时 我收到消息 403 Forbidden 您无权访问此服
  • 如果我将一个重物体作为参数传递给某个函数,成本是多少

    假设我有一个对象 ClassRoom 在 ClassRoom 中有许多具有 20 多个属性的 Student 对象 50 个对象 许多具有超过 20 个属性的 Teacher 对象 10 个对象 ClassRoom 还有一些其他属性 如 c
  • preg_match() 因包含斜杠的字符串而失败

    我有一个这样的函数 function in array r item array return preg match item i json encode array 然后我像这样使用它 if in array r row name ite
  • 如何从类中获取字节码作为字节数组

    给定一个任意的Class实例 包括运行时生成的实例 没有 class磁盘上的文件 有什么方法可以获取类字节吗 一般来说 这是不可能的 加载类时 JVM 会解析其字节码并将其转换为内部表示形式 之后 JVM 可以自由地忘记原始字节码 这就是
  • YouTube API v3 Java 授权

    我正在使用 YouTube 数据 API Java 将视频上传到我的 YouTube 频道 我在我的 Windows PC 上测试了它并且成功了 但示例中的授权通过打开浏览器窗口来登录 Google 来创建 Credential 实例 这在
  • 替换空格,但仅在限制之间替换 php

    我想使用 PHP 将空格替换为另一个字符串 我这样做如下 string whatever text including some text between delimiters and string replaced preg replac
  • C++ - 从注册表读取的值中获取空值

    我的应用程序可以正确读取和写入注册表 现在 我需要从以下位置读取注册表值 HKEY LOCAL MACHINE SOFTWARE Microsoft Cryptography MachineGuid 这是我的代码 bool GetWindo
  • 异常后继续 while 循环

    我有这段代码 我想返回到循环的开头并再次请求用户输入 然而 它总是循环不停地询问输入 我的代码有什么问题吗 谢谢 while true try int choice input nextInt lt lt this should stop
  • 为什么 NSUserDefaults 无法保存 NSMutableDictionary?

    我正在尝试保存一个NSMutableDictionary with NSUserDefaults 我在 stackoverflow 上阅读了很多关于该主题的帖子 我还发现了一个有效的选项 但不幸的是它只工作了一次 然后它开始只保存 空 有人
  • 动态调整 QIcon 大小,无需调用 setSizeIcon()

    我目前正在努力解决一个应该很容易解决的问题 许多小部件都支持某种QSize策略 这包括Q按钮 就我而言 我在网格布局中有多个按钮 所有这些按钮都有各自的 QSizePolicy垂直和水平调整大小设置为扩大 这导致按钮的大小根据网格布局所属的
  • VS2015 SP3远程调试路径中的非法字符

    将 Visual Studio 2015 升级到 Update 3 后 远程调试停止工作 尝试调试时出现错误 严重性代码 说明 项目文件行抑制状态 错误 DEP4300 无法生成应用程序包 xxx VS Debug x86 xxx CN x
  • FragmentActivity 上未调用 onCreateOptionsMenu()

    同事 MainActivity类源自FragmentActivity 并且由于某种原因活动的onCreateOptionsMenu 没有接到电话 我有第一个断点onCreate 正在被触发 第二个在onCreateOptionsMenu 这
  • 由于与 google gms 服务版本冲突,FCMPlugin 构建失败

    我在 Windows for Android 上将其与 ionic 2 一起使用 当我添加 cordova plugin fcm 插件时 我无法再构建项目 这是我收到的错误 BUILD FAILED Total time 4 697 sec
  • Codeigniter图片上传mysql

    我想知道如果我将 CodeIgniter 中的图像上传到数据库 我的结果是什么 config upload path 我见过的所有示例都使用文件系统 我在数据库中有文章 并且也想在数据库中存储与文章相关的图像 有人可以帮忙吗 你可以阅读这篇
  • PHP 和 mssql 库可以从 varchar 列中选择超过 256 个字符吗?

    是否有解决方法 除了将列类型更改为文本字段之外 使用 PHP 和 mssql 库选择大型 varchar 字段 例如 varchar 500 PHP 真的将字符数限制为 255 吗 还有比这更拉回来的方法吗 从PHP页面来看 问题似乎出在W
  • 有没有什么方法可以只使用 CSS 来获得倾斜的盒子阴影?

    我想要类似徽标的东西CSS 技巧 但使用 CSS 而不是图像文件 因此可以调整其大小 这可能吗 像这样的图片 纯 CSS 带切角的倾斜阴影 这花了一点时间来完善 但现在横幅下有一个倾斜的阴影 也有切角和多个边框 所有效果 包括背景 徽标和阴
  • 使用自定义选择器和逻辑进行 JQuery 验证

    是否可以将 JQuery Validate 与自定义选择器和验证逻辑一起使用 大致如下 myForm validate rules myattr foo function content return content val contain
  • CLR 在运行时使用的 dll

    我有一个引用 NET DLL 的 C 应用程序 如果这个 DLL 存在于我的应用程序中bin目录和 GAC 然后 CLR 在运行时会选择哪一个 如果 GAC 有最新版本 是否会使用该版本而不是bin 我如何强制 CLR 始终使用我的 CLR
  • 无法阻止被动事件侦听器内的默认行为

    我在用着Framework7 可排序列表它运行良好 只是当列表更改时它不会触发事件 所以我正在尝试一些内置事件 sortable handler on touchstart function e e preventDefault alert