js监控iframe点击事件 并滚动到对应位置

<iframe src="http://www.baidu.com/web/liuyan" id="ifrm"  frameborder="0" scrolling="no" width="71%" height="1500"></iframe>
	<script type="text/javascript">    
		function loadFrame(obj){  
			$(‘html, body‘).animate({  
                    scrollTop: $("#ifrm").offset().top  
                }, 1); 
     
		}
		window.addEventListener(‘message‘,function(e){
            alert(e.data);
        },false);
    </script>

对应的iframe页面

		<div id="dianjiwo">点击我测试</div>
		<script>
		$(function(){

			//iframe嵌套发送父页面参数
			$("#dianjiwo").click(function(){
			   window.parent.postMessage(1,‘*‘);
			});
		})
		</script>
		
时间: 2024-10-12 09:24:08

js监控iframe点击事件 并滚动到对应位置的相关文章

js触发按钮点击事件

js触发按钮点击事件 博客分类: javascript 模拟JS触发按钮点击功能 Html代码   <html> <head> <title>usually function</title> </head> <script> function load(){ //下面两种方法效果是一样的 document.getElementById("target").onclick(); document.getElement

js中的点击事件(click)的实现方式

<!DOCTYPE html> <html lang="zh"> <head> <meta charset="UTF-8"> <title>js中的点击事件(click)的实现方式</title> </head> <body> <!-- 第三种方式--> <button id="btn" onclick="threeFn()

js 触发LinkButton点击事件,执行后台方法

页面 <asp:LinkButton ID="lbtButton" runat="server"  CssClass="lbtButton" Font-Underline="false" OnClick="lbtButton_Click"> js function clickButton(filePath, fileName){ __doPostBack('lbtButton', ''); }

fastclick.js --- 解决移动端点击事件300ms延时

Fast Click 是一个简单.易用的库,专为消除移动端浏览器从物理触摸到触发点击事件之间的300ms延时. 为什么会存在延迟呢? 从你触摸按钮到触发点击事件,移动端浏览器会等待接近300ms,原因是浏览器会等待以确定你是否执行双击事件 兼容性 Mobile Safari on iOS 3 and upwards Chrome on iOS 5 and upwards Chrome on Android (ICS) Opera Mobile 11.5 and upwards Android B

JS通过键盘点击事件实现div移动

页面内容:文本框模拟键盘点击   div元素实现移动: <body> <textarea id="myarea" ti></textarea> <hr> <div id="mydiv" title="dddddiv"></div> </body> div样式可以自行定义: JS脚本代码如下: 当键盘输入'a'或'A'时,div向左移动10px script typ

js(jquery)绑定点击事件

<button type="submit" id="test">test</button> 第一种 $("#test").click(function(event){ /* Act on the event */}); 另外一种 document.getElementById('#foo').addEventListener('click', function() { /* Act on the event */}, fa

js实现左右点击图片层叠滚动特效

需要加载js有 <script type="text/javascript" src="js/jquery-1.7.2.min.js"></script><script type="text/javascript" src="js/jquery.corner.js"></script><script type="text/javascript" src=

js获取鼠标点击事件的相对位置

<html><head><title>位置</title><script language="javascript" type="text/javascript">function m(){document.getElementById("area").innerHTML=event.clientX +" , "+event.clientY;} function c(

用js模拟鼠标点击事件(事件触发)

事件触发器就是用来触发某个元素下的某个事件,IE下fireEvent方法,高级浏览器(chrome,firefox等)有dispatchEvent方法. 一般我们在元素上绑定事件后,是靠用户在这些元素上的鼠标行为来捕获或者触发事件的,或者自带的浏览器行为事件,比如click,mouseover,load等等,有些时候我们需要自定义事件或者在特定的情况下需要触发这些事件.这个时候我们可以使用IE下fireEvent方法,高级浏览器(chrome,firefox等)有dispatchEvent方法.