jquery监控,jquery监控窗口关闭

JQuery监听页面滚动事件及scrollTop()，offset().top总结

语法： $(element). scrollTop() /$(element). scrollTop(val) ;

eg： 当匹配元素为当前页面，那么当前滚动条到整个页面顶端的距离：

var winPos =$(window). scrollTop ();

$(element). offset().top ; $(element). offset().left ;

$( window ). scroll (function(event){

});

相关问答

Q1: 关于jquery 监控页面数据有无修改的问题

LZ。。你这方法好是好，不过挺费资源的。。 建议你这样做。。

1、监控对象还是跟你做的一样；

2、写入缓存的，不是所有监控对象现在的值，而是，当这个控件focus的时候取它的值，然后再blur的时候再取一次，相对比，如果变化了，缓存新值，如果没有，则不需要缓存，然后再你提交数据的时候，把缓存的值一并释放就可以了。

Q2: jquery，怎样监听整个页面的变化

方法一：在标签上加入  onLoad="" onResize=""  方法  写上对应的方法即可

方法二：window.onresize=function(){///.....} 在方法里面写上对应的代码即可

script  

function adjust(obj){  

   var div = document.getElementById("pad");  

   var txt = document.getElementById("txt");  

   var w  = document.body.clientWidth;  

   var h  = document.body.clientHeight;  

   div.style.width = w/3;  

   div.style.height = h/3;  

   txt.style.width = w/6;  

   txt.style.height = h/6;  

}  

window.onload=function(){  

  window.onresize = adjust;  

  adjust();  

}  

/script  

body style="margin:0px;height:0px;"  

div id="pad" style="background:red;zoom:1;margin:0px;height:0px;"  

    input type="text" id="txt"  

/div  

/body

Q3: 如何设置jquery监控单独li上的的事件

问题分析：

如存在多个li的情况下，只为其中一个或几个绑定事件，而其他的不受事件影响。方法有很多种，比较简单的办法就是为需要绑定事件的li标签添加class属性。

举例如下：

HTML代码：

ul

    li字符串1/li

    li字符串2/li

    li class="name"字符串3/li

    li字符串4/li

    li字符串5/li

/ul

jQuery代码：

//绑定class属性包含name的标签。

$('.name').click(function(){

    //输入当前标签的内容。

    alert($(this).html());

});

页面初始化结果：

点击带有class属性的li（字符串3）的效果：

Q4: 如何用jquery实现实时监控浏览器宽度？

你可以尝试以下代码：

window.onresize=resizeBannerImage;//当窗口改变宽度时执行此函数

function resizeBannerImage()

  {

   var winW = $(window).width();

   va if( $(window).width()  600 ) {

       /* 这里是要执行的代码 */

   }

  }

知识延展：

几个简单的jQuery使用方法

1.响应事件。在JavaScript中，经常会用到 onclick=“javascript函数”，但是这个方法将页面的设计与逻辑过于紧密的耦合在一起，并不漂亮，可以用jQuery，如下：

$("#check_un").click(function(event){

    alert("hello");

    event.preventDefault();

});1234

2.将id为title处的内容显示出来

var title = $("#title").html();

alert(title);12

3.得到与类关联的图像的src值

var title = $("#title").html();

alert(title);12

4.统计项目符号的个数

var count = $("li").size();

alert(count);12

5.循环处理符号项

   $('li').each(function(){

        alert($(this).html());

    });123

6.修改页面元素用html()方法

 $("#title").html("the awesomest book title ever");