Tag: html5

检测'transform：translate3d'的支持: 有谁知道我将如何检测transform: translate3d(x,y,z)支持是可用的？我的问题是我想在支持它的浏览器上使用translate3d ，因为它倾向于使用硬件加速，因此对于animation更平滑，然后回落到不支持的位置。

如何检测正在拖动的文件，而不是我的网页上的可拖动元素？: 我正在使用html5事件来启用文件和元素拖放。我将dragover事件附加到body上，并使用事件代理来显示拖放的位置。我的问题是我怎么能告诉如果一个文件被拖动与draggable = true的元素。我知道我可以检测到通过e.target被拖动的元素。但是，我怎么知道它是否是一个文件。 jquery可用。另外，不要在这里讨论jQuery的可拖动。我开始思考也许检测文件的唯一方法是排除和检测元素。如果我们不拖动元素，则假定它是一个文件。这将需要额外的工作，虽然图像和链接默认是可拖动的，所以我将不得不添加事件给他们，或阻止他们拖动。

如果最终使用PhoneGap，为什么要使用IBM Worklight？: 实际上，我必须构build一个跨平台的应用程序（仅适用于iphone和android），客户端则强调使用IBM Worklight。在searchWorklight后，我才知道它在内部使用PhoneGap（Apache Cordova）。现在我的问题是，如果worklight内部使用phonegap，那么为什么不直接使用phonegap。我需要你的build议。请build议将工作灯与手机分开的东西。提前致谢。

如何更改select框箭头: 我需要你的帮助。我似乎无法把我的头围绕在这一个，并找出答案。如何在select框中更改默认的Windows 7，IE 10默认箭头：使其看起来像这样，使用下面的自定义箭头：。这是我希望使用的箭头：这是我的HTML标记： <!DOCTYPE html> <html> <head> <style type="text/css"> select { font: normal 13px Arial; color: #000;} .container { border: 1px solid red; position: relative; width: 124px; height: 18px; overflow: hidden; } .inpSelect { color: black; background: #ffa; position: absolute; width: 128px; top: -2px; left: -2px; } </style> <script […]

AngularJs – 点击添加活动类的最佳实践（ng-repeat）: 我想添加一个活动类点击列表中，我尝试了下面的代码，但它增加了我的所有项目上的活动类：/： HTML： <div class="filters_ct" ng-controller="selectFilter"> <ul> <li ng-repeat="filters in filter" ng-click="select(item)" ng-class="{sel: item == selected}"> <span class="filters_ct_status"></span> {{filters.time}} </li> </ul> </div> Js： var filters = [ { 'filterId': 1, 'time': 'last 24 hours', }, { 'filterId': 2, 'time': 'all', }, { 'filterId': 3, 'time': 'last hour', }, { 'filterId': 4, 'time': 'today', }, { 'filterId': […]

Canvas上的addEventListener: 我正在尝试制作一个响应键盘和鼠标input的canvas应用程序。我有这个代码： canvas = document.getElementById('canvas'); canvas.addEventListener('mousedown', function(event) { alert('mousedown'); }, false); canvas.addEventListener('keydown', function(event) { alert('keydown'); }, false); 每当我点击鼠标，就会出现“mousedown”警报，但“keydown”警报永远不会出现。相同的代码在JS Bin中工作正常： http : //jsbin.com/uteha3/66/ 为什么它不在我的网页上工作？ canvas不能识别键盘input吗？

适用于Android的全屏Web应用程序: 我想在Android上以全屏模式运行我用HTML5编程的Web App。（隐藏状态栏和地址/导航栏）对于iOS你只写： <meta name="apple-mobile-web-app-capable" content="yes" /> <meta name="viewport" content="width=device-width, initial-scale=1.0"> 但是这在Android上不起作用。 Javascript有很多解决scheme，但是我尝试的所有解决scheme都不起作用。有人知道解决scheme？

推送移动networking应用程序的通知工具: 我有一个简单的scheme，在移动设备上收到来自服务器的通知。我知道这个设施在原生iOS应用程序和Android中可用，但是我试图避免原生path。我想要的是：可以通过访问URL访问的移动networking应用程序用户可以在主屏幕上创build书签，以便获得原生应用程序图标的感觉。获得通知的徽章（圆形的消息）即使浏览器closures，也可以收到通知。我知道有一个服务器端事件/networking套接字的可能性，但一个Web应用程序可以模拟推送通知function？谢谢

使用Socket.io连接客户端到服务器: 我是相对较新的node.js和它的插件，所以这可能是一个初学者的问题。我试图在Web服务器上获得一个简单的HTML页面连接到不同的服务器与websocket.io运行node.js。我的代码如下所示：客户 <script src="socket.io/socket.io.js"></script> <script> // Create SocketIO instance, connect var socket = new io.Socket(); socket.connect('http://127.0.0.1:8080'); // Add a connect listener socket.on('connect',function() { console.log('Client has connected to the server!'); }); // Add a connect listener socket.on('message',function(data) { console.log('Received a message from the server!',data); }); // Add a disconnect listener socket.on('disconnect',function() { console.log('The client […]