Question

我们在iframe中有一些带有几个kendo窗口的仪表板。

当用户拖动母iframe边缘之外的窗口并取消拖动（释放左按钮）

窗口粘贴并跟随鼠标指针

$('<div/>').appendTo ('#div_widget').kendoWindow ({
    actions: ["Refresh", "Maximize", "Minimize"],
    height : 300,
    width  : 600,
    title  : "drag me outside jsFiddle iframe - I'll stick to mouse",
    iframe : true,
    content: "http://kendoui.com",
});

http://jsfiddle.net/XYXyj/8/

由于我们的用户精确瞄准不好，这非常烦人。

看起来我需要一种方法将鼠标释放事件传递给子iframe。

你能建议任何解决方法吗？还有其他任何可以防止“粘性”行为的想法吗？

Answer 1

如何关注：http://jsfiddle.net/vojtiik/8CjVM/2/

$("#wrap").mouseleave(function(){
    $('#div_widget').trigger('mouseup');
});

添加一些包装，一旦用户离开iframe fire mouseup事件。可以动态确定iframe的大小并将其传播回包装器。

注意：在你的小提琴（和我的）铬投掷“阻止一个原始的框架..” - iframe永远不会插入，因此我硬编码高度/宽度值 - 你将有这种动态，看到小提琴工作正确地在屏幕上，改变高度/宽度。

将鼠标事件冒泡到iframe

1 个答案: