js监听操作iframe 滚动事件详解

1、获取iframe页面的滚动事件

 a、在包含页里面body标签添加 onscroll="fun()" [适用于chrome,不适用于IE]

 b、在js里用 window.onscroll = function(){}

2、获取页面滚动条高度

 代码如下 复制代码

 chrome 使用 document.body.scrollTop

 ie 使用 document.documentElement.scrollTop

3、框架外获取引用页信息

 代码如下 复制代码

 var topWin = window.top.document.getElementById("outFrame").contentWindow;

 oDiv = topWin.document.getElementById("float");

 topWin即可替代body使用

时间: 2024-10-25 00:58:26

js监听操作iframe 滚动事件详解的相关文章

Bootstrap滚动监听(Scrollspy)插件详解_javascript技巧

滚动监听(Scrollspy)插件,即自动更新导航插件,会根据滚动条的位置自动更新对应的导航目标.其基本的实现是随着您的滚动,基于滚动条的位置向导航栏添加 .active class. 如果您想要单独引用该插件的功能,那么您需要引用 scrollspy.js.或者,正如 Bootstrap 插件概览 一章中所提到,您可以引用 bootstrap.js 或压缩版的 bootstrap.min.js. 一.用法您可以向顶部导航添加滚动监听行为: 1.通过 data 属性:向您想要监听的元素(通常是

Android下载进度监听和通知的处理详解

本文实例为大家分享了Android下载进度监听和通知的具体代码,供大家参考,具体内容如下 下载管理器 关于下载进度的监听,这个比较简单,以apk文件下载为例,需要处理3个回调函数,分别是: 1.下载中 2.下载成功 3.下载失败 因此对应的回调接口就有了: public interface DownloadCallback { /** * 下载成功 * @param file 目标文件 */ void onComplete(File file); /** * 下载失败 * @param e */

Jsp 监听application范围属性变动详解

通过添加一个应用属性变动的监听器,我们可以监听我们应用中属性的变动情况 1.编写一个实现 ServletContextAttributeListener 的类  代码如下 复制代码 package org.Rudiment.Listener; import javax.servlet.ServletContextAttributeEvent; import javax.servlet.ServletContextAttributeListener; public class MyServletC

JS 子窗口操作父窗口实例详解

1.从子窗口中往父窗口传值 如父页面有一个控制的id是choosedProvider,那么这样可以把值传给父页面:  代码如下 复制代码 opener.document.getElementById("choosedProvider"]).value="Tom"; 2.从父窗口传值给子窗口,如子窗口中有id为T的控件,此时可以用如下传值:  代码如下 复制代码 <script> var newWindow; function openWindow(url

Android 实现监听的四种方法详解实例代码

直接上代码,大家可以参考下 (1)自身类作为事件监听器 package cn.edu.gdmec.s07150745.work5; import android.support.v7.app.AppCompatActivity; import android.os.Bundle; import android.view.View; import android.widget.Button; import android.widget.Toast; public class MainActivit

Android项目类似淘宝 电商 搜索功能,监听软键盘搜索事件,延迟自动搜索,以及时间排序的搜索历史记录的实现_Android

最近跳槽去新公司,接受的第一个任务是在 一个电商模块的搜索功能以及搜索历史记录的实现. 需求和淘宝等电商的功能大体差不多,最上面一个搜索框,下面显示搜索历史记录.在EditText里输入要搜索的关键字后,按软键盘的搜索按键/延迟xxxxms后自动搜索.然后将搜索的内容展示给用户/提示用户没有搜到相关信息. 历史记录是按时间排序的,最新的在前面,输入以前搜索过的关键字,例如牛仔裤(本来是第二条),会更新这条记录的时间,下次再看,牛仔裤的排列就在第一位了.并且有清除历史记录的功能. 整理需求,大致需

JS监听微信、支付宝等移动app及浏览器的返回、后退、上一页按钮的事件方法_javascript技巧

在实际的应用中,我们常常需要实现在移动app和浏览器中点击返回.后退.上一页等按钮实现自己的关闭页面.调整到指定页面或执行一些其它操作的需求,那在代码中怎样监听当点击微信.支付宝.百度糯米.百度钱包等app的返回按钮或者浏览器的上一页或后退按钮的事件呢. 我相信很多朋友像我一样,在百度.搜狗里面搜索很久都没找到方法. 下面就来告诉大家怎样监听的方法: 首先我们要了解浏览器的history. 大家知道在页面中我们可以使用javascript window history,后退到前面页面,但是由于安

两种js监听滚轮事件的实现方法_javascript技巧

前段时间在写前端的时候,需要监听浏览器的滚轮事件 网上查了一下,找到两种监听滚轮事件的方法: 一.原生js通过window.onscroll监听 //window.onscroll = function() {//为了保证兼容性,这里取两个值,哪个有值取哪一个 var scrollTop = document.documentElement.scrollTop || document.body.scrollTop; //scrollTop就是触发滚轮事件时滚轮的高度 } 二.Jquery通过$(

js监听鼠标事件控制textarea输入字符串的个数_javascript技巧

[Html代码] <table> <tr> <td width="150">短信内容:</td> <td> <textarea name="message" cols="96" rows="5" onKeyDown="textCounter(message,remLen,65);" onKeyUp="textCounter(mess