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中不起作用。