Tag: javascript events

忽略叠加图像上的鼠标交互: 我有一个带有hover效果的菜单栏，现在我想在其中一个菜单项上放置一个带圆圈和“一手拉”文字的透明图像。如果我使用绝对定位将叠加图像放在菜单项上方，则用户将无法单击该按钮，并且hover效果将不起作用。有没有办法以某种方式禁用与此叠加图像的鼠标交互，以便菜单将继续像以前一样工作，即使它在图像下面？编辑：因为菜单是用joomla生成的，所以我无法调整其中一个菜单项。即使我可以，我也不觉得javascript解决方案是合适的。所以最后我用menu-item元素外面的箭头“标记”了菜单项。不像我想要的那样好，但无论如何它都成功了。

甚至可以检测何时为控件更改“Class”属性: 我有一个“div”控件，其中一些id =“myDiv”class =“myClass”var var1 = 10; 在基于用户操作的Javascript中，我将此控件表单“myClass”的类更改为“newClass”，因此当发生这种情况时，我想将var1的值更改为20。那我怎么会认识到class级的变化呢？提前致谢

如何使用JQuery填充React生成的输入字段: 我正在尝试编写一个书签来自动填充表单，以简化手动测试。该网站在React中实施。我尝试过使用JQuery，例如： $(“#emailAddress”).val(“bob@example.com”).changed() 虽然input字段在浏览器中可见地更新，但看起来在引擎盖下字段未被识别为已更改，因为表单提交时validation失败，表示数据丢失。有没有一种可行的方法来使用ad-hoc JS自动填充React表单字段，而不更改任何源代码？（注意：我知道这种直接操作不是在一般应用程序开发中使用React的正确方法。在这里，我正在寻找任何解决方案，无论多么简单，都要简化特殊的手动测试）。

json2html eventData示例: 我的理解是json2html用法 – > jquery事件可以挂钩在json2html() ，但似乎没有例子 – > jquery。请显示一个json2html eventData示例。

使用jQuery选择DropDownlist时如何防止AutoPostBack: 我想在用户选择DropDownList中的项目时显示确认对话框。如果用户按“取消”，我想停止回发。这是我添加到onchange事件的函数： function imitateConfirmUnload(event) { if (window.onbeforeunload = null) return true; return confirm(“Are you sure you want to navigate away from this page?\n\nYou have unsaved changes\n\nPress OK to continue or Cancel to stay on the current page.”); } 这是我的启动脚本中的相关代码，用于向事件添加处理程序： function addConfirmToWarnClasses() { $(‘.warn’).change(function() { imitateConfirmUnload() }); } 问题是即使用户选择“取消”，也会发生回发。如果我将处理程序移动到click事件，它就可以工作。但我觉得很笨。编辑更正：它不起作用，因为对话框阻止选择，因此当用户选择“确定”时，没有发生任何更改，并且在您需要时没有回发！编辑2 DropDownList位于UpdatePanel内部，因此可能会影响行为。

即使在stopPropagation之后，mouseenter事件也会被调用两次: 我是jquery的新手，现在面临着一个奇怪的问题。我成功地将其缩小到一个事实，即鼠标中心事件被调用两次：一次用于包含div（这是我的意图），再次用于此div中的元素（不好）。我尝试使用’return false’和’stopPropagation’，但它似乎不起作用。这是代码： $(function (){ $(“.testDiv”).hover( function(e) /* IN */ { $(this).data(“htmlBackup”, $(this).html()); $(this).html(“TEST 123”); e.stopPropagation(); return false; }, function(e) /* OUT */ { $(this).html($(this).data(“htmlBackup”)); e.stopPropagation(); return false; }); }); ORIG HTML ORIG HTML 你也可以在这里看到它： http ： //jsfiddle.net/rFqyP/3/ 任何帮助将非常感谢！

在jQuery中，如何使用元素检查和取消选中所有复选框？: 我有以下代码。它使用LABEL元素检查页面上的所有复选框，该元素通常位于复选框的顶部。现在我如何使用相同的LABEL元素取消选中所有框？ jQuery(document).ready(function($) { var $checkBoxes = $(‘input[type=”checkbox”]’); $(‘label’).click(function() { $checkBoxes.attr(‘checked’, true); }); });

为什么这个JQuery事件不会在gmail中触发？: 我遇到了将Jquery事件绑定到gmail’body’的问题 $(‘body’).on(‘click’, function(event) { console.log(“Entered function”); }); 访问IMDB.com（例如）和谷歌Chrome开发者控制台粘贴上面的代码。单击该页面时，您可以在控制台上看到“已输入的function”。但是当我尝试使用gmail时，我收到以下消息： TypeError: Object # has no method ‘on’ gmail发生了什么，我该如何解决这个问题？编辑： – 非JQuery版本： document.addEventListener(“click”, function() { console.log(“Entered function”); }, false); 就像评论者指出的那样，JQuery没有加载Gmail，这里是一个非JQuery版本，它可以在你点击gmail时工作，但当你点击一个链接（打开一个包含其中一些链接的电子邮件）时它不会工作了。

使用按键jquery限制键盘输入: 我有一个按键function，我用游戏创建了一个带有输入按钮的表单中的用户输入（并且我按照按下的Enter键顺序执行了我定义的一系列function）。 $(“.form-control”).keypress(function(event) { var keycode = (event.keyCode ? event.keyCode : event.which); if (keycode == 13) { var space = $(this).val().toLowerCase(); if (!(wrongGuesses.indexOf(space) > -1 || rightGuesses.indexOf(space) > -1)) { play(space); $(this).val(”); endGame(); return false; } else window.alert(“You already guessed this letter.”); } }); 这很棒。但是，现在，我试图限制用户只能输入字母而且一次只能输入一个字母 – 我想限制除单个字母以外的任何内容然后输入然后保持我的按键事件链在那之后输入密钥 – 我尝试过这样的事情： $(“.form-control”).keypress(function(event) { var keycode = (event.keyCode […]

如何使用javascript更新我的内容异步？: 脚本我正在写一个Web应用程序，我的情况下是MVC，我需要使用get请求的响应来更新特定容器，有时我想过滤元素并从响应中找到放置在原始容器中的元素。我该怎么做？