2013-07-16 55 views
2

我們在iframe中有幾個kendo窗口的儀表板。泡泡鼠標事件到iframe

當用戶母親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。

你能提出任何解決方法嗎?任何其他想法來防止「粘性」行爲?

回答

2

有關以下內容:http://jsfiddle.net/vojtiik/8CjVM/2/

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

添加一些包裝,一旦用戶離開的iframe火mouseUp事件。 iframe的大小可以動態確定並傳播回您的包裝。

注意:在你的小提琴(和我的)鉻引發「阻止與起源的框架」 - iframe從不插入,因此我硬編碼的高度/寬度值 - 你將有這種動態,看到小提琴在屏幕上正常工作,更改高度/寬度。