javascript - 父頁面監聽iframe中的事件問題
問題描述
始終無法監聽到，是什么原因？parent.html
<body> <iframe src='http://m.b3g6.com/wenda/son.html' frameborder='0'></iframe><script src='http://m.b3g6.com/wenda/jquery.js'></script><script> $(function(){$($(’#iframe’)[0].contentWindow).on(’dosomething’, function(){ alert(’接收到到iframe的事件’);}); });</script></body>
son.html
<body><h1>son</h1> <button id='button'>trigger</button><script src='http://m.b3g6.com/wenda/jquery.js'></script><script> $(function(){$(’#button’).on(’click’, function(){ $(window).trigger(’dosomething’);}); });</script></body>
謝謝！
Dont
剛才搜索時發現的，也不錯，兼容性可以MessengerJShttps://github.com/biqing/Mes...跨文檔通信解決方案
問題解答
回答1：son.html
$(function(){$(’#button’).on(’click’, function(){ window.parent.$(window).trigger(’dosomething’);}); });
事件是在父頁面的jquery里定義的，要觸發需要交由父頁面的jquery來負責觸發。
jquery源碼太久沒看了，找半天，沒找到對應的內容來說明。
回答2：頁面間通信可以使用 postMessage。
或者只在同一個頁面綁定和處理事件。
$(’#iframe’).contents().find(’#button’).on('click', function(){ $(window).trigger(’dosomething’);});回答3：
無法監聽到的原因是因為父頁面通過on方法執行事件綁定的時候，將事件回調函數注冊在了父頁面的jquery對象中。而子頁面在執行trigger方法的時候只會尋找子頁面的jquery對象中注冊的事件回調，所以在事件觸發后執行不了父頁面注冊的事件回調函數，因為在子頁面的jquery對象里找不到。
回答4：兩個jq, 兩個環境, 確定沒問題么?
------ 上面是原答案, 下面是我被舉報以后的吐槽 -------
我想請問舉報我的那個, 兩個jq環境, 這是不是你無法觸發事件的原因? 我這個回答有什么問題? 你舉報的理由是啥?
相關文章：
1. javascript - sublime快鍵鍵問題2. javascript - 移動端上不能實現拖拽布局嗎？3. 實現bing搜索工具urlAPI提交4. javascript - react native在run-android時出現這個錯誤該怎么解決？大神賜教5. angular.js - 單頁應用（ng/vue）該如何監聽用戶離開當前頁面（或者路由）？6. javascript - 如何判斷不同兩個對象觸發同一事件？7. 前端 - 這段代碼一直生效不了，查半天因為 top: 0px; 分號后一個隱藏的東西，也不是占位符...刪了就可以生效，這是什么情況。。8. thinkPHP5中獲取數據庫數據后默認選中下拉框的值，傳遞到后臺消失不見。有圖有代碼，希望有人幫忙9. index.php錯誤，求指點10. c++ - QWebEngineView加載url后直接點擊鏈接沒有反應要怎么解決？
網公網安備