在父页面中识别iframe按钮操作

Question

我想iframe在父窗口中识别按钮单击动作。为此我用了Window.postMessage。但是无法接收到我的父窗口的任何数据。以下是我的代码。

父页面：

$(window).on('message', function(e){
  console.log('parent received message!:  ',e.data);
});

   

iframe页面代码：

HTML：

<input type='button' id='btn_end' value='End'>

JS：

$('#btn_end').on('click', function()
{    
    parent.postMessage("end","https://www.parentdomain.com");     
}

检查控制台日志。没有原始问题或脚本错误。请帮忙。