标签: jquery-events

我创建了一个jQuery事件,当访问者离开页面时会弹出一个对话框.我正在使用e.pageY来检测鼠标位置.当鼠标位于Y:小于2时,弹出对话框.问题是,当我向下滚动页面并决定离开页面时,弹出窗口没有显示,因为鼠标不在Y:小于2.我该如何解决这个问题.即当我离开页面并将鼠标悬停在地址栏上时,尽管向下滚动,仍会出现弹出窗口.

这里是我的代码和底部的工作示例.

var mouseLastYPos = null;
$(document).mousemove(function(e){ 
    if(mouseLastYPos){ 
        if (e.pageY < mouseLastYPos && e.pageY <= 2){

           $('#mystuff').show();

        }
    }
    mouseLastYPos = e.pageY;
});?

工作实例:http://jsfiddle.net/bmHbt/

非常感谢你.

我在这里有一个代码:

<script>

$(function() {
    $( "#photo" ).resizable();
  $( "#photo" ).draggable({revert: 'invalid'});
    $( "#left" ).droppable({
      accept: '#photo',
      drop: function( event, ui ) {
        $( this )
          .find( "p" )
            .html( "Dropped!" );
      }
    });
  });    
    </script>

这个代码我必须在完全加载谷歌地图后运行,所以我需要为此代码"挂钩"tilesloaded事件.

http://jsbin.com/ayugun/7/edit

但是怎么做呢？

我有一个产品列表,我需要#container动态更新innerHTML .

我的问题是,如果我在这个答案中做了类似的事情: Jquery删除元素内的所有事件处理程序

$("#container").find("*").off();

所以,我删除了所有孩子的所有事件处理程序,然后我更新了html:

$("#container").html(responseFromAJAX);

这将如何影响性能？我的意思是,这是一个好方法,删除所有旧元素和处理程序,清理内存,或者我需要做更多？

我的应用程序是一个网上商店,所以我的用户将环顾四周,并更新#container可能30-50次/访问.

我想检测何时在具有多个按钮的 div 中单击按钮，这些按钮的作用类似于移动优化应用程序的复选框。

这就是我所拥有的 HTML：

当它只是普通的复选框而不是像复选框一样的按钮时，我能够用这个脚本实现我想要的：

$(document).on('change', 'input:checkbox.modifier', function () {
            var totalChecked = $("#modifiersDiv :checkbox:checked").size();
            var maximum = parseInt($('#Maximum').val());
            if (totalChecked === maximum) {
                $("#modifiersDiv :checkbox:not(:checked)").attr("disabled", true);
            } else {
                $("#modifiersDiv :checkbox:not(:checked)").attr("disabled", false);
            }
        });

现在我正在尝试这样的事情只是为了看看该功能是否会被触发但没有成功：

 $(document).on('click', 'input:button.modifier', function () {
                   });

最重要的是，我想在选择 5 个按钮时使用 jQuery 进行检测，然后我需要禁用 div 中的其他按钮，直到用户不会取消选择某个按钮。

更新

我用于按钮的代码：

var startDiv = "<div class='btn-group btn-block' data-toggle='buttons'>";
                            var checkBox = '';
                            $.each(data.modifierOptions, function(key, item) {
                                    checkBox += "<label class='btn btn-checkbox btn-block' style='margin-bottom:2px;'><input type='checkbox' data-quantity='1' class='modifier' data-itemid='" + itemid …

我想知道为什么退格/删除按钮没有检测到jQuery中的keyup事件.

我觉得这很奇怪,因为它很有用,应该得到支持.有没有其他选择？

这只发生在Android - Chrome中.

干杯

我正在为某些功能编写测试，其中涉及用户按住 Shift 键并单击复选框。我用$('input').trigger($.Event('click', { shiftKey: true }));它来模拟。

但是，当事件侦听器被调用时，event.shiftKey属性总是会被报告为false源自我的合成事件，而真正的点击会产生所需的效果。更令人困惑的是，在非input元素上触发相同的事件似乎工作得很好。例如，请参阅http://jsfiddle.net/hus​​kssk1/ 。

我在浏览器（Chrome 39、OS X）和测试堆栈（Poltergeist 1.5.1 + PhantomJS 1.9.8）中观察到这种行为。

这是什么原因造成的？有什么办法解决吗？

PS我的完整测试堆栈是Ruby on Rails + RSpec + Capybara + Poltergeist + PhantomJS，如果您知道触发shift-click的更好方法，请告诉我！

如果我让jQuery mousemove在"外部"元素上侦听事件,则当鼠标位于该内部元素内且事件冒泡到处理程序时,offsetX和offsetY值会相对于"内部"元素给出偏移量.

我怎样才能始终获得相对于处理程序所附加元素的偏移量？

示例:http: //jsfiddle.net/00mo3eeu/

HTML

<div class="outer">
    <div class="inner"></div>
</div>

CSS

.outer {
    background: red;
    width: 300px;
    height: 400px;
    margin: 40px;
}

.inner {
    background: blue;
    width: 100px;
    height: 150px;
    margin: 70px;
    display: inline-block;
}

JS

$('.outer').mousemove(function(e) {
    console.log([e.offsetY, e.offsetX]);
});

更新:如果不清楚,即使在蓝色框http://jsfiddle.net/00mo3eeu/1/中也可以点到指针

我在我的项目中使用 Bootstrap4 alpha，并且出于某些调查目的，我正在尝试使用 DOM 捕获 JQuery 事件 addEventListener()。

该事件是$("#mypanel").trigger("shown.bs.collapse")通过引导程序在折叠时使用 JQuery函数触发的组件中的。

如果我尝试使用 JQuery$("#mypanel").on("shown.bs.collapse", ... )函数捕获它，则一切正常。但如果我使用$("#mypanel").get(0).addEventListener("shown.bs.collapse", ... )在相应的 DOM 元素上使用，则不会“捕获”该事件

JQuery 事件系统和标准 DOM 事件系统不兼容吗？

让我认为它们实际上不兼容的一件事是，如果我使用 ChromemonitorEvents()功能来跟踪“shown.bs.collapse”事件，它根本不会出现。

欢迎任何关于此的反馈。

克莱门特

我正在使用 JQuery UI Touch Punch，就像我在JSFiddle中使用它一样。我搜索了很多地方来找出event和ui包含的内容，但我无法找到有关它的内容。

我是否缺少某种文档？或者有人可以解释一下 Touch Punch 提供什么以及event和ui参数包含什么？

我正在对网站进行自动化测试，但我无法在 - 特别是但不限于 - IE 中使用 javascript 正确触发某些事件。（我正在使用 selenium，但其他所有选项都不起作用，所以 javascript 是我最后的希望）

事件的函数似乎在 jquery 事件对象中使用了很多字段，我尝试按照官方的 jquery 文档进行操作，但是虽然它显示了大多数字段名称，但它没有显示如何填充它们（因为这不是你所做的）它通常，但在我的情况下是）

我的问题如下：

为了伪造鼠标事件，我应该使用什么以及如何填充Event 对象的字段（如何创建这些值）jQuery.Event("event type",{param1:value1,param2:value2,...})（如果有更有效的方法，则可以使用其他方法）

此事件对象将与 element.trigger('eventname',EventObject)