Tag: 谷歌浏览器

jQuery val拒绝从数字字段返回非数字输入（在Chrome下）

刚刚在jQuery中偶然发现了一些奇怪的东西，同时编写了一些validation代码 – 我有一个html5“数字”字段; 然后，我的脚本将查看页面上的每个字段，检查类并根据需要进行validation。 我奇怪地注意到，如果我在我的一个数字字段中输入“X”，我会得到一个“请在此字段中输入一个值”错误，而不是“这应该是一个数字”错误。 经过一些头脑刮擦和大量调试后，我敲了一个jsFiddle来演示我的理论 – 如果你在一个数字字段中输入一个字符，然后尝试从jquery做一个.val（）它会返回任何内容 – 好像是字段是空的（我在Chrome中遇到过这种情况 – 不确定它是否在所有浏览器中都能正常工作）; http://jsfiddle.net/shawson/SE46L/3/ 这是小提琴 – 输入一些数字，然后几个字母来看疯狂。 任何人都知道这是否是设计的，如果是的话……为什么？

点击事件在Chrome中不起作用，但是当我们从控制台手动执行事件时会触发事件

从几小时开始，我就试图找到一个棘手的客户问题的根本原因。 感谢帮助。 客户端Chrome浏览器中的所有点击事件均未触发。 但是当我们从控制台调用JavaScript方法时它会触发！ 在附图中，您可以看到我是如何触发事件的 尝试删除“数据绑定”属性并添加简单的“onClick”，仍然无法正常工作。 没有在网站上工作的按钮:( 这是代码 @SchedulingSystem.Search_Customer 他们都没有被解雇。 在IE和FireFox中，所有按钮都按预期工作，问题仅在于chrome 解 笔记本电脑是基于触摸屏!! 1.在Chrome浏览器中输入以下内容： 铬：//标志/＃触摸事件 2.在启用触摸事件部分，请从下拉列表中选择“禁用”。 3.点击“立即重启”

将字符串粘贴到文本框中。 Chrome扩展程序

我正在制作一个需要复制和粘贴文本的chrome扩展。 假设用户在任何网页上选择一些文本，它应该被复制到变量中，当用户按下ctrl + 3时（如果在文本框中或我们的普通ctrl + v工作的地方），它应该粘贴它。 普通的复制粘贴工具，但具有不同的快捷方式。 目前我的脚本具有此function：我正在正确检索数据但不知道如何粘贴它。 var copy_paste1; document.onkeydown = function(evt) { evt = evt || window.event; if (evt.keyCode == 49 && evt.ctrlKey) { var c = window.getSelection(); copy_paste1 = c alert(copy_paste1); document.getElementById(“myButtonId”).click(); } if (evt.keyCode == 51 && evt.ctrlKey) { alert(copy_paste1); //****INSTEAD OF THIS ALERT I WANT TO PASTE! } }; 我该怎么办？

具有可resize/可拖动元素的响应式jQuery UI

我正在尝试使用jQuery UI构建一个响应式界面，它允许可移动和可resize的元素，即使屏幕resize也会保持成比例。 示例： http ： //jsfiddle.net/NSLmQ/3/ 在用户完成resize或拖动之后，我正在使用dragStop和resizeStop的UI回调将像素位置值转换为百分比值。 function resizeStop(event, ui){ convert_to_percentage($(this)); } function dragStop(event, ui){ convert_to_percentage($(this)); } function convert_to_percentage(el){ var parent = el.parent(); el.css({ left:parseInt(el.css(‘left’))/parent.width()*100+”%”, top: parseInt(el.css(‘top’))/parent.height()*100+”%”, width: el.width()/parent.width()*100+”%”, height: el.height()/parent.height()*100+”%” }); } 如果父容器具有明确的高度和宽度，则此工作完全正常 – 在后续resize或拖动之前，jQuery UI将百分比转换回像素，并且在完成resize或拖动之后 ，我的回调将它们返回到百分比。 所有的笨蛋。 当resizable元素的父元素设置为height：auto时（在链接的小提琴中，我使用子图像为包含父元素提供高度）， 在调整大小期间会出现问题 当我尝试调整UI元素的大小时，jQuery UI会不正确地将顶部和左侧的百分比转换为像素，并且元素将跳转到位。 此问题似乎是特定于Chrome的。 Firefox偶尔会出现迷你跳跃，但它们似乎只是略微四舍五入的问题。 在Chrome中，位置转移是戏剧性的。 虽然在父容器上设置显式高度可以解决UI问题，但它不允许响应式解决方案。 有任何想法吗？ =========================================== 最新更新 @ peteykun的答案解决了我的根本问题，但有一个分支问题，我认为可能值得解决。 Chrome在计算“自动”大小时使用子像素，因此通过.height()获取jQuery的高度会返回一个不精确的舍入答案（并在像素和百分比之间转换时导致视觉抖动，反之亦然）。 因此，使用Vanilla JS […]

Chrome中的AJAX下拉列表（HTML Select）

我有以下选择选项代码： <option value="” selected> <option value="”> <option value="” selected> 10:00 11:00 12:00 13:00 14:00 15:00 16:00 17:00 18:00 19:00 20:00 21:00 并且还有以下ajax代码： $.ajax({ url: “temporary_checking.jsp”, type: “POST”, data: data, async: true, timeout:6000, dataType: “html”, success: function (data) { data = data.trim(); var n = data.indexOf(“ERROR”,0); if( n > -1 ){ if(data.indexOf(“ERROR 2”,0) >= 0 ){ […]

Chrome中的JCarouselLite存在问题

我在我的网站www.peach-designs.com上使用JCarouselLite，问题是当它加载到Chrome时，整个页面都没有加载 – 只是导航栏，而不是我的图像滚动条。 当我单击导航栏上的“主页”时，一切都显示正常（index.php），但不是初始加载（理想情况下应该是index.php不应该）。 我有一个建议，问题是JCarousel，我的另一个问题是，我有没有控制按钮或任何东西的JCarouselLite，代码看起来与JCarousel完全不同。 是否有人可以帮助JCarouselLite遇到这个问题？ 希望你能帮忙， 亲切的问候， Snakespan

图像属性是DOM的一部分（jQuery – webkit与其他浏览器不一致）吗？

我使用jQuery在Chrome和Safari上遇到了一个问题，使用一条图像的宽度进行一些计算。 使用我的计算时： $(document).ready(function() { /* some calculations with $(“img”).width() */ }); 在IE6 +和Firefox中一切正常，但它不适用于Chrome和Safari：$（img）.width（）是0，无论图像是否已经缓存。 使用： $(window).load(function() { /* some calculations with $(“img”).width() */ }); 它适用于所有上述浏览器，但问题是它只在所有图像完全加载时才开始。 webkit行为是预期的行为还是有一些webkit / jQuery错误导致图像属性不是DOM的一部分？ 如果它是webkit / jQuery的问题：有没有办法让我的脚本比上面提到的解决方案更早执行？ 顺便说一句，我没有使用图像尺寸的任何内联属性。

使用jQuery的Chrome扩展程序

我下载了http://code.google.com/chrome/extensions/samples.html#ea2894c41cb8e80a4433a3e6c5772dadce9be90d 。 我想把它变成jQuery，但如果我这样做： $(“div”).css(‘background-color’, ‘black’); $(‘.click’).click(function(){ chrome.tabs.executeScript(null, {code:”document.body.style.backgroundColor='” + $(this).attr(‘id’) + “‘”}); window.close(); }) red blue green yellow 这不起作用。 什么都没发生。 为什么？

Chrome扩展程序替换当前textarea中的单词

我正在尝试制作一个chrome扩展名，用于替换当前键入的最后一个单词，当用户发出某个keydown事件时。 所以我试过这个，但它并没有真正起作用。 以下是我的扩展程序的文件： 我的扩展名为manifest.json ： { “name”: “Test”, “description”: “test”, “version”: “0.0.1”, “permissions”: [ “activeTab” ], “background”: { “scripts”: [“background.js”], “persistent”: false }, “browser_action”: { “default_title”: “replace test” }, “manifest_version”: 2 } 它的background.js ： chrome.tabs.executeScript(null, {file: “content_script.js”}); 及其content_script.js ： document.onkeydown = replacePrevWord; // Azerty: Ctrl + ² // Qwerty: Ctrl + ‘ function KeyPress(e) { […]

如何在chrome上调试javascript

我有这个奇怪的问题，jquery.load有时会在chrome上失败。 我不会打扰你们的细节，我只是想找一个关于如何调试这个问题的指针？ 我想也许萤火虫可以提供帮助，但问题只发生在chrome上（甚至适用于IE）。 我做的事情如下： $(“#contentid”).html(“Plz wait.”); $(“#contentid”).load(url); $(“#contentid”).show(); 我只在#contentid上获得“Plz等待”，我可以看到url被调用，并手动检查并看到它成功。 UPDATE2： 所以我根据建议更改了加载调用 $(‘#conentid’).load(url, function(response, status, xhr){ alert(‘Load was performed. url:’ + url); if (status == “error”) { alert(“text: ” + xhr.statusText); alert(“readyState: “+xhr.readyState+”\nstatus: ” + xhr.status); alert(“responseText: “+xhr.responseText); } else { $(“#conentid”).show(); } }); 发生错误时，我得到状态==’错误’。 xhr.statusText：0 xhr.readyState：4 xhr.statusText和xhr.responseText为空 知道为什么吗？ 这是什么意思？ url手动工作。 并且此错误仅在chrome上发生，有时仅发生