当前位置: 首页 > 面试题库 >

React Click事件未在移动设备上触发

蓟雪峰
2023-03-14
问题内容

我已经与React互动了几个月了,但是遇到了一些奇怪的事情。

在移动设备上根本不会触发点击事件:

http://jsbin.com/morarewelu/1/edit?html,js,输出

http://jsbin.com/morarewelu/1/-在您的设备上检查

您可以看到该点击从未触发。在iPhone上进行测试

这是预期的行为,还是仅仅是一个错误?


问题答案:

React的Github项目中有一些问题可能会有所帮助。

  • 手机未触发onClick
  • MobileSafariClickEventPlugin需要初始化触摸事件

看起来,您需要添加CSS,cursor:'pointer'以便移动电话(特别是iOS设备)在元素上触发本地点击事件。



 类似资料:
  • 问题内容: 好的,我想做的是当用户单击列表项时将div向下滑动。 Selectric),它将选择框转换为无序列表。因此,当用户单击源输出为列表项的a时,我希望div向下滑动。 在移动浏览器(iOS7)上,选择框UI与标准选择框UI相同。 关于移动设备onClick的最佳做法是什么? 基本的jQuery: 谢谢。 问题答案: 最好将事件与jQuery方法结合使用: 而且我不明白为什么要使用方法,因为

  • 如果你哭喊着:“移动设备怎么样?台式机和笔记本电脑已经成为历史!”,本节就是写给你的。随着上网设备从数量庞大的台式机开始往移动设备转移,日益明显的是,未来的Web,包括画布,大部分将会驻留在移动设备上。 运行在台式机和笔记本电脑上的应用,通过检测mousedown, mouseup, mouseover, mouseout, 和 mousemove触发的鼠标事件,来跟用户进行交互,运行在移动设备上

  • 问题内容: 在页面加载时,我有一个调用服务的控制器,然后将返回的数据绑定到某些$ scope.objects: 在我的HTML中,我尝试通过以下方式绑定$ scope.OrderHistory: 在笔记本电脑/台式机上观看时很好,但在平板电脑和移动设备(例如iPhone / iPad)上无法使用 问题答案: 尝试添加ngTouch。从文档: 设计用于触摸屏设备的默认功能的更强大替代品。大多数移动浏

  • 我需要在android外部可移动存储设备上创建一个文件夹kalid。但是我的文件夹是在手机存储上创建的。我已经从教程中实现了这两个代码。 上面的代码在内部内存中创建kalids文件夹 我的清单如下所示 如何在外部存储设备中创建文件夹?

  • 问题内容: 我陷入了问题。我有一个用于无限滚动的指令,可在其中监听事件。问题是,仅在我绑定到时才触发滚动事件: 有人知道如何解决这个问题吗? 我的指令: 我的看法: 问题答案: 我在这里为您创建了一个小提琴:http : //jsfiddle.net/ADukg/4831/ 有趣的是,我使用了确切的代码,而且一切似乎都可以正常触发(请参阅所有乱码)。我怀疑您的问题与您的CSS样式有关,因为如果没有

  • 我想开发一个带有div和一些样式的文件拖放组件: dragenter:更改div边框颜色 dragleave:还原为原始div边框颜色 在Firefox 35(Ubuntu)上,当div有一个滚动条(水平或垂直)并且在滚动条中移动文件时,我会发生以下事件: < li>dragenter:移过div边框 < li>dragenter:在滚动条上移动 < li>dragleave:离开滚动条 所以我在