【问题标题】:Touchscreen specific stylesheets/commands触摸屏特定样式表/命令
【发布时间】:2013-04-19 02:45:17
【问题描述】:

有没有办法检测用户是否在触摸屏设备上?我想根据这一事实更改一些 HTML/jquery(更具体地说,jquery capSlide 在触摸屏设备上显示标题,同时将其隐藏在桌面上)。完成此任务的最简单方法是什么?

【问题讨论】:

  • modernizr 是你所追求的。

标签: javascript jquery html touchscreen


【解决方案1】:

这个单行就足够了。

var is_touch_device = 'ontouchstart' in document.documentElement;

取自这里的 Stack Overflow 答案:https://stackoverflow.com/a/6447935/1585455

你的条件应该是这样的:

if(is_touch_device) { /* your code */ }

【讨论】:

  • 我可以把它们放在我的脚本标签中吗?
  • @vytfla 是的。它是 JavaScript。我确实想知道您为什么使用内联脚本而不是外部脚本..
  • 谢谢,我试试看。使用外部脚本而不是内部脚本的原因是什么?
  • @vytfla 浏览器必须在内联脚本期间在处理器之间切换。基本上,使用外部脚本会更快。
猜你喜欢
  • 1970-01-01
  • 2023-02-20
  • 1970-01-01
  • 1970-01-01
  • 2019-07-06
  • 1970-01-01
  • 1970-01-01
  • 2016-12-30
  • 1970-01-01
相关资源
最近更新 更多