iOS 绑定 javascript 函数来点击

2024-04-16

这在桌面 safari 中有效,但在 iOS 版本中不会弹出警报。是否可以绑定到 iOS 中的“html”元素?每当用户单击页面上的其他位置时,我想关闭下拉菜单。

$('html').bind("click", function(){alert("clicked!")})

EDIT

由于 jsfiddle 嵌入在 iframe 中,因此将其作为 html 发布,这显然解决了我的问题。在桌面 safari 上打开此页面工作正常,但在 iOS 模拟器中单击时不会显示任何内容。

<html>
  <head>
    <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js" type="text/javascript"></script>
    <script type="text/javascript">
      $(document).ready(function(){  
        $('html, body').bind("click", function(){alert("html or body")})
        $(document).bind("click", function(){alert("document")})
      });
    </script>
  <body>
  </body>
</html>

EDIT 2

这在 iOS 模拟器或 iPhone 上也不起作用。如果我将 delegate() 放入我的应用程序中并单击链接,我确实会收到警报。

<html>
<head>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js" type="text/javascript"></script>
<body>
</body>
<script type="text/javascript">
  $(document).delegate('html, body', "click", function(){alert("html or body")});
</script>
</html>

EDIT 3

这有效!

<html>
<head>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js" type="text/javascript"></script>
<body>
  <div id="stuff">applesauce</div>
  <div>other stuff</div>
</body>
<script type="text/javascript">
  $(':not[#stuff]').on( "click", function(){alert("not stuff")});
</script>
</html>

jQuery.click() 在 iOS 上无法正常运行。我怀疑您在使用bind() 时遇到了同样的问题。然而 jQuery.delegate() 确实有效。

$('html').delegate('body', 'click', function(){ alert("body"); });

应该为你工作。想必 on() 也会起作用,但我还没有机会尝试。

顺便说一句,您应该将该脚本块移到正文标记下方并丢失 $(document).ready()。

Update:在任何最近的 jQuery 版本中,on(event,selector,function) 都是可行的方法。它可以在 IOS 上运行并防止泄漏事件处理程序。

$('body').on('click', ':not[#stuff]', function(){ alert("not stuff"); });
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)

iOS 绑定 javascript 函数来点击 的相关文章

  • jQueryUI:正确删除可拖动元素

    我正在开发一个可视化编辑器 它需要用户可以根据需要添加 删除和拖动元素 每个元素都是一个div使用 jQueryUI 实现可拖动 新元素被附加到父元素上div代表工作空间 每个元素内部都有一个用于将其删除的按钮 这一切都很好 我遇到的问题是
  • 未捕获(承诺中)语法错误:获取函数中出现意外的标记'

    我有几个结构如下的 JSON 文件 我们称之为 info json data title Job company Company past fulltime Former Company intern Women IT Priority 5
  • 第一响应者设置不正确

    我有一个分组表视图 并尝试在用户按 Enter 时将新的第一响应者设置为文本字段 这对我来说不是什么新鲜事 在我进行一些不相关的更改之前我的代码可以工作 但现在却不能了 当我设置第一响应者时 我有一个指向正确文本字段的指针 但没有任何反应
  • 覆盖骨干模型更改事件

    我认为我想做的事情很简单 我只是不知道该怎么做 当我的模型属性之一发生更改以便将一些数据传递给事件处理程序时 无论更改是值的增加还是减少 我想触发我自己的事件 基本上我希望我的处理程序在视图中执行此操作 handler function i
  • 将自行车分配给人员 - 第一优先级(距离最近的人最近的自行车)

    将网格传递给某个位置有自行车和人员的函数 c A a b D d B C Output 像这样的东西 A 1 B 3 C 8 D 1 其中 A 是人 1 是到达自行车所需的步数 标准 距离自行车最近的人 优先获得自行车 单辆自行车不能分配给
  • iOS 应用程序的有效 UI 样式[关闭]

    Closed 这个问题正在寻求书籍 工具 软件库等的推荐 不满足堆栈溢出指南 help closed questions 目前不接受答案 我的问题很简单 在android中 我们可以将xml样式表与布局分离 以便它可以在任何地方重用 并且可
  • Jquery 文件上传 - $_FILES 数组为空

    使用 Jquery 文件上传 它正在 工作 并上传图像并显示拇指 但是 当我在处理程序中提交表单时 如果我转储 FILES 则那里什么也没有 我基本上使用的是 Basic Plus 示例 并将 autoUpload 设置为 false 我希
  • 日期获取自定义周开始日的周数

    如果我有自定义周开始日而不是星期一 应该如何更改 Date 类的 getWeekNumber 原型 当前查找 ISO 周数的代码 Date prototype getWeekNumber function Create a copy of
  • 如何将嵌套的 javascript 对象转换为仅第一级属性对象?

    我有以下对象inputObj我想将其转换为一个简单的对象 例如outputObj var inputObj a 1 b true c string1 d e string2 f false g 5 h i 7 j string3 k nam
  • 获取数组中所有LI元素

    如何让 JS 选择 UL 标签内的每个 LI 元素并将它们放入数组中 div ul li One li li Two li li Three li li Four li li Five li ul div 我可以让 JS 将它们每个放入一个
  • jquery 改变标签

    我的代码不起作用 你能帮我吗 我希望将 class s7 的标签名称 p 更改为 h1 问题是您将所有元素与类相匹配s7 但是您需要对它们进行一一处理 以便将其内容复制到新元素中 在您当前的代码中 this总是document 不是当前元素
  • JavaScript 日期差异

    我看过 在javascript中获取两个日期之间的差异 https stackoverflow com questions 3224834 get difference between 2 date in javascript 我仍然无法让
  • 我应该在 HTML 中添加什么内容来确保用户获得我的页面的最新版本,而不是旧版本?

    我有一个主要由 CDN 提供服务的静态 HTML 网站 加上一些到服务器的 AJAX 并且确实希望用户的浏览器缓存所有内容 直到我更新任何文件 然后我希望用户的浏览器获取新版本 对于我网站上的所有类型的静态文件 HTML JS CSS 图像
  • HTML/CSS/JS:如何强制浏览器保存非“密码”类型输入的密码?

    问题是我有两个类似于用户名和密码的值 但实际上是用户用来登录我创建的网站的 2 个随机生成的 GUID 它们并不是真正的用户名和密码 而是我尝试的 GUID来复制这个组合 通常 浏览器在看到元素的 type password 属性时会询问您
  • 如何使用 PHP 返回 JQuery .ajax() 的正确成功/错误消息?

    我不断收到错误警报 MYSQL 部分没有任何问题 查询被执行 我可以在数据库中看到电子邮件地址 客户端
  • 如何让第一个字母像报纸风格一样推入段落

    我创建了一些 CSS 来处理段落中的第一个字母 看起来也更大 如何使第一个字母向下并向左推 这样它就不会高于该行本身 并在需要时将其他行缩进到右侧 见附图 text article color 000 text article first
  • 让用户在深色和浅色模式之间进行选择(保存每个页面的设置,cookies?)

    我最近刚刚开始使用 javascript 和 jQuery 所以我不是专家 目前我正在努力解决我认为可以称为 基本任务 的问题 我想在主页上添加两个按钮 用户可以使用它们将网站模式设置为深色或浅色 当用户进入网站并单击不同的链接时 应该记住
  • 辅助功能:推荐 SVG 和 MathML 的替代文本约定?

    Overview HTML5 现在允许 http dev w3 org html5 markup syntax html svg mathml
  • Firefox 和 JavaScript 重定向

    我目前在使用 Firefox 时遇到问题 所有其他浏览器都以正确的方式运行 甚至 IE6 我想要做的是重定向到子页面但留下历史记录条目 据我所知 有两种重写url的方法 window location some url 重定向到带有历史记录
  • 在新选项卡或窗口中打开链接[重复]

    这个问题在这里已经有答案了 是否可以开一个a href链接在新选项卡而不是同一选项卡中 a href http your url here html Link a 您应该添加target blank and rel noopener nor

随机推荐