lianlianbushell 2012-11-15 05:57 采纳率: 0%
浏览 2383
已采纳

iphone中移动焦点的问题

我开发的应用里面用到移动手机的浏览器，iphone的safari，除非我点击另一个form element 的时候，就不能在form field隐藏焦点。

代码结构主要如下：

<!DOCTYPE html>
<html>
    <head>
       <title>Test</title>
    </head>
    <body>
        <form>
             <input type="text"/>
        </form>
    </body>
</html>

但是在浏览器中不能隐藏焦点，

  • 写回答

1条回答 默认 最新

  • garaster 2012-11-15 08:07
    关注

    试试这么改，我用可以

    document.body.addEventListener("click", function(evt) {
  var nodeName = evt.target.nodeName.toLowerCase();
  if (nodeName !== "input" && nodeName !== "textarea" && nodeName !== "select") {
    document.activeElement.blur();
  }
});
    本回答被题主选为最佳回答 , 对您是否有帮助呢?
    评论

报告相同问题？

  • 91手机iphone频道焦点图.zip
    2022-11-16 21:21
    标题中的“91手机iphone频道焦点图”暗示了这是一个与移动设备，特别是iPhone相关的前端设计项目，其中可能包含了用于展示动态或交互式焦点图的代码和资源。这种焦点图通常是一种网页设计元素，用于吸引用户的注意力...
  • 解决iPhone输入框放大问题[项目代码]
    2025-12-05 06:04
    这一问题在移动前端开发中比较常见，尤其是当页面设计没有考虑移动设备上的交互细节时。文章首先提到了一种传统的解决方案，即在HTML的head部分添加meta标签，通过设置user-scalable=no属性禁止用户对页面进行缩放，...
  • 腾讯手机频道仿Iphone焦点图.rar
    2019-07-05 00:50
    【腾讯手机频道仿Iphone焦点图】是一款基于JavaScript实现的网页动态效果，它模拟了苹果iPhone设备上的焦点图展示方式，通常用于网站的首页或产品展示区域，以吸引用户的注意力并提升用户体验。这个压缩包中包含的...
  • iphone手机上下全屏切换焦点图.zip
    2023-09-25 14:31
    标题中的“iphone手机上下全屏切换焦点图”指的是一个专为iPhone设计的全屏轮播图效果，这种效果通常用于网站或应用的首页，展示多张图片或内容，用户可以通过上下滑动屏幕来切换图片。这个特效代码可能利用了响应式...
  • iphone移动商城，mint-ui移动开发.zip
    2024-03-18 20:40
    本篇文章将深入探讨基于iPhone的移动商城应用开发，特别是利用Mint-UI这一流行的前端框架进行移动端界面构建的过程。 一、iPhone移动商城概述 iPhone移动商城是指在苹果iOS操作系统上运行的电子商务应用程序，用户...
  • js特效脚本含源码和说明腾讯手机频道仿Iphone焦点图
    2025-10-06 13:19
    这类仿Iphone焦点图特效脚本广泛应用于各种网站和在线平台，尤其在移动设备优化上有着广泛的应用前景。它不仅仅是一个简单的视觉效果增强工具，更是现代网页设计中提升用户体验、实现跨平台风格统一的有效手段。 ...
  • 仿iphone软键盘输入文本框.zip
    2022-11-25 10:22
    在前端开发中，创建一个与iPhone相似的软键盘输入文本框是一项常见的需求，尤其是在移动Web应用或者模拟器中。这个“仿iphone软键盘输入文本框.zip”文件很可能包含了一个实现这种效果的示例代码，包括HTML5、jQuery...
  • 开发技术.前端开发相关问题
    2025-05-15 15:05
    908486905的博客 前端开发问题
  • 仿91手机和iphone频道焦点图特效
    2014-02-11 22:30
    【标题】"仿91手机和iPhone频道焦点图特效"是一种常见的网页设计技术，它旨在模仿91手机和iPhone应用中的动态焦点图片展示效果。这种特效通常用于网站的首页或产品展示区，以吸引用户的注意力并提升用户体验。通过...
  • web前端开发中的常见技能问题
    2021-01-02 21:56
    57993的博客 1.web扫码登录实现思路 制作思路： 前端调用后台生成二维码的API，获取到二维码图片和id 前端检测（通过轮询或者websock）是否有...2.解决input[type=file]打开时慢、卡顿问题 ​ 卡顿 经过测试发现,在mac里面s
  • 12个前端必会 H5 问题及解决方法
    2024-05-04 15:38
    2401_84093054的博客 因此收集整理了一份《2024年Web前端开发全套学习资料》，初衷也很简单，就是希望能够帮助到想自学提升又不知道该从何学起的朋友，同时减轻大家的负担。既有适合小白学习的零基础资料，也有适合3年以上经验的小伙伴...
  • 前端面试八股文（详细版）—上
    2022-11-13 17:06
    小镇庆山的博客 前端面试八股文，知识点广而全，内容会及时更新
  • 没有解决我的问题, 去提问