Tag: 跨浏览器

如何添加/删除JavaScript中的类？

由于IE 9和Safari-5不支持element.classList ，所以跨浏览器的解决scheme是什么？ 没有框架请。 解决scheme至less要在IE 9 ， Safari 5 ，FireFox 4，Opera 11.5和Chrome中运行。 相关post（但不包含解决scheme）： 如何添加和删除css类 使用animation添加和删除类 添加删除类？

显示datalist标签，但提交实际值

目前，大多数主stream浏览器（Safari除外）都支持HTML5 <datalist>元素，这似乎是向input添加build议的有趣方式。 但是， value属性的实现和<option>的内部文本之间似乎有一些差异。 例如： <input list="answers" name="answer"> <datalist id="answers"> <option value="42">The answer</option> </datalist> 这由不同的浏览器处理不同： Chrome和Opera： FireFox和IE 11： select一个之后，input将填充值而不是内部文本。 我只希望用户在下拉菜单和input框中看到文本（“答案”），但是在提交时传递值42 ，就像select一样。 我怎样才能使所有的浏览器有下拉列表显示<option>的标签（内部文本），但发送表单提交时的value属性？

如何使Internet Explorer模拟指针事件：无？

我正在通过在图表上显示一个渐变PNG来处理一个项目，在这个项目中我们正在增强highcharts。 我们正在使用CSS pointer-events:none; 允许用户与图表进行交互，尽pipe顶部有一个div。 IE不识别pointer-events:none; ，所以IE上的用户既不能有增强的图表devise，也不能与图表交互。 我正在寻找一种方法来让IE浏览器允许鼠标事件（特定的hover事件），通过一个div到它下面的元素。 你可以在这里看到我们正在使用的模型： http : //jsfiddle.net/PFKEM/2/ 有没有办法让IE做类似 pointer events:none; ，鼠标事件是通过元素传递给元素的呢？

CSS3跨浏览器线性渐变

以下代码将会是Opera和IE的替代品吗？ background-image: -webkit-gradient(linear, right top, left bottom, from(#0C93C0), to(#FFF)); background-image: -moz-linear-gradient(right, #0C93C0, #FFF); 请注意 ，我testing了以下规则。 所有的浏览器都支持它们。 但他们是垂直渐变。 任何人都可以帮我修改他们水平的？ background-image: -webkit-linear-gradient(top, #0C93C0, #FFF); background-image: -moz-linear-gradient(top, #0C93C0, #FFF); background-image: -ms-linear-gradient(top, #0C93C0, #FFF); background-image: -o-linear-gradient(top, #0C93C0, #FFF); background-image: linear-gradient(top, #0C93C0, #FFF);

最简单的方法来检索跨浏览器的XmlHttpRequest

检索适用于所有浏览器的XmlHttpRequest对象的最简单和最安全的方法是什么？ 没有任何额外的库。 有没有经常使用的代码片段？ PS我知道网上有大量的例子，但这正是我所问的原因：有太多不同的例子，我只是想要简单的东西，并certificate是可行的。 jQuery和其他库不是一个选项。 为什么jQuery的内存泄漏太严重了？

我怎样才能防止退格键导航回来？

在IE浏览器中，我可以用（非常非标准的，但工作）的jQuery做到这一点 if ($.browser.msie) $(document).keydown(function(e) { if (e.keyCode == 8) window.event.keyCode = 0;}); 但是有可能以一种在Firefox上运行的方式，或者以一种跨浏览器的方式来获得奖金？ 作为logging： $(document).keydown(function(e) { if (e.keyCode == 8) e.stopPropagation(); }); 什么也没做。 $(document).keydown(function(e) { if (e.keyCode == 8) e.preventDefault(); }); 解决了这个问题，但是在页面上显示退格键不可用，这比原来的行为还要糟糕。 编辑：我这样做的原因是，我不是创build一个简单的网页，而是一个大型的应用程序。 仅仅因为你在错误的地方退下了空位而失去了10分钟的工作是令人难以置信的烦恼。 防止错误与烦人用户的比例应该在1000/1以上，防止退格键导航返回。 编辑2：我不是试图阻止历史导航，只是意外。 EDIT3：@brentonstrines评论（因为这个问题非常受欢迎，所以转移到这里）：这是一个长期的“修复”，但是你可以在Chromium bug后面支持你改变webkit的行为

JavaScript禁用浏览器统计信息

我很难收集关于停用JavaScript的浏览网页的用户百分比的公开统计数据。 雅虎已经发布了2010年的数据 ， R. Reid公布了2009年的数据 （从他曾经访问过的一个网站中挑选出来）。 雅虎的调查结果相当有趣： 我们将访问日志和信标数据（以前包含在页面中）组合在一起，过滤掉了所有的自动请求，给我们留下了一些我们可以确认的请求是由实际用户发送的。 这些完全匿名的数据为我们提供了几个国家stream量模式的良好指示。 在对这些数据进行分析之后，我们发现一个一致的JavaScript禁用请求徘徊在实际访问者stream量的1％左右，最高的比例在美国是大约2％，最低的是巴西的0.25％。 所有其他testing的国家的数字都非常接近1.3％。 这是关于我到目前为止所能find的。 但是，由于这个数据正在变老，我想知道今天的百分比是多less。 我还看了Statcounter ，这是似乎是唯一仍然公开发布浏览器统计信息的公司。 但是他们不发布关于JavaScript的数据。 我知道W3schools也发布统计信息 ，但是由于这个目标是针对开发者的，所以这个数据是非常有偏见的，因此对我来说并不有趣。 （它必须是普通用户的代表）。 因此，我要求你提供： 链接到任何公开的，免费提供的统计数据 您自己的统计信息，最好来自大型网站，而不针对开发人员

跨浏览器自定义样式的file uploadbutton

我试图设置一个file uploadbutton到我的个人喜好，但我找不到任何真正坚实的方法来做到这一点，没有JS。 我还发现了 另外 两个关于这个问题的问题，但是那里的答案要么是JavaScript，要么是Quirksmode的方法 。 这个Quirksmode的方法的主要问题是文件button仍然会有浏览器定义的尺寸，所以它不会自动调整为放在它下面的button。 我已经做了一些代码，基于它，但它将占用文件button通常会占用的空间，所以它根本不会像我想要的那样填充父div。 HTML： <div class="myLabel"> <input type="file"/> <span>My Label</span> </div> CSS： .myLabel { position: relative; } .myLabel input { position: absolute; z-index: 2; opacity: 0; width: 100%; height: 100%; } 这个小提琴演示了这种方法是相当有缺陷的。 在Chrome中，点击!! 下面的第二个演示button无论如何都会打开文件对话框，而且在所有其他浏览器中，文件button并不占用button的正确区域。 有没有更强大的方式来设置file uploadbutton的风格，没有任何JavaScript，最好使用尽可能less的'hacky'编码（因为黑客通常会带来其他问题，例如小提琴中的问题）？

如何在文本框中获取插入符号的（x，y）像素坐标？

我正在使用jQuery，并试图find一个跨浏览器的方式来获取<textarea> s和input框中的插入符号的像素坐标，以便我可以放置一个绝对定位的div围绕此位置。 有没有一些jQuery插件？ 或JavaScript的片段来做到这一点？

如何使用JavaScript添加/更新属性到HTML元素？

我试图find一种方法，将使用JavaScript添加/更新属性。 我知道我可以用setAttribute()函数做到这一点，但在IE中不起作用。