【JAVASCRIPT】获取触发MESSAGE事件的源IFRAME

【【JAVASCRIPT】获取触发MESSAGE事件的源IFRAME】的更多相关文章

【JAVASCRIPT】获取触发MESSAGE事件的源IFRAME

先让发送源获取焦点,然后获取焦点元素. window.addEventListener('message',function(msg){ //做一些事来判断是不是某个iframe发送的消息 msg.source.focus(); var sourceFrame=document.activeElement; }); 如果不想影响焦点的话,可以遍历一遍所有的iframe function findIframe(win){ var fs=document.querySelectorAll('ifra…

使用postMessage通信，未触发message事件

前提: 父子页面跨域通信,使用postMessage技术 a页面为父页面,b页面为子页面 a中包含多个iframe,部分域名是相同的,目录层级不一致,地址使用变量根据触发的条件不同拼接地址部分代码(使用vue):a页面 <iframe src="www.baidu.com/1/2/3.html"></iframe> <iframe src="www.baidu.com/4/5.html"></iframe> 考虑地址…

JavaScript获取事件对象和目标对象

在JavaScript开发中,经常需要获取触发某个事件的目标对象.让后根据目标对象进行不同的业务处理.下面展示通过JavaScript获取触发事件的事件目标对象.如下: Js代码 1 2 3 4 5 6 7 8 9 10 window.onload = function(){ var obj = document.getElementById("test"); obj.onclick = function(event){ // W3C的event对象…

【JavaScript】DOM之事件

DOM 事件 1.事件是什么让JS知道程序用户行为,比如用户点击HTML页面中的某个按钮和用户输入用户名与密码等操作 <script> var button = document.getElementById('btn'); // 获取按钮元素 button.onclick = function () { // 事件绑定 console.log('你已点了我'); } </script> 2.注册事件JS函数与指定事件相关联,被绑定函数成为事件的句柄事件被激发时,会绑定函数会被调…

javascript和jquery 获取触发事件的元素

一个很简单的问题,却因为大意,经常忘了处理,导致程序运行出错. <!DOCTYPE html> <html> <head> <meta charset="utf-8" /> <title></title> </head> <body> <ul> <li> <ul> <li>listone</li> <li>listtwo…

tomcat触发ServletContext初始化监听事件的源码(原创)

tomcat 8.0.36 知识点: 动态监听器的好处可以根据环境条件进行选择性添加. 静态监听器有七类. ServletContextAttributeListener ServletRequestListener ServletRequestAttributeListener HttpSessionIdListener HttpSessionAttributeListener HttpSessionListener ServletContextListener 动态添加的ServletCon…