首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往

再谈BOM和DOM(5):各个大流浪器DOM和BOM里面的那些坑—兼容性

pageX/Y获取到的是触发点相对文档区域左上角距离,以页面为参考点,不随滑动条移动而变化 问题二:在IE 中,event 对象有 x, y 属性(事件发生的位置的 x 坐标和 y 坐标)火狐中没有。...getComputedStyle(obj , false ) 是支持 w3c (FF12、chrome 14、safari):在FF新版本中只需要第一个参数,即操作对象,第二个参数写“false”也是大家通用的写法...if (invalid) {     cancelEvent(evt)   } } 确定浏览器窗口的尺寸 对于主流浏览器来说,比如IE9、Firefox,Chrome和Safari,支持名为innerWidth... 和 innerHeight的窗口对象属性,它返回窗口的视口区域,减去任何滚动条的大小。... 以及 Safari 5 支持拖放 为了使元素可拖动,需把 draggable 属性设置为 true : div draggable="true">div> | 事件 | 描述 |  | ----

97940
  • 您找到你想要的搜索结果了吗?
    是的
    没有找到

    jQuery

    阻止事件冒泡 页面载入 与window.onload的区别 事件委托 动画效果 jQuery jQuery封装了JS代码,使JS的编写更加简单,类似python的模块,在前端中叫“类库”,同时也兼容多个浏览器...文档处理 事件 动画效果 插件 each、data、Ajax jQuery语法 $符号事jQuery中的重要标识 //在JS中可以通过获取先获取标签,然后去使用对应的方法,在jQuery中一样,...获取到的元素是DOM对象,那么在jQuery中获取到的元素属于jQuery对象,两者之间方法有差别,虽然 jQuery对象是包装 DOM对象后产生的,但是 jQuery对象无法使用 DOM对象的任何方法...返回窗口的网页显示区域高度 jQuery 方法 说明 offset() 获取匹配元素在当前窗口的相对偏移或设置元素位置 position() 获取匹配元素相对父元素的偏移 scrollTop(...,我们都可以使用.on()方法来绑定事件,但是hover这种jQuery中定义的事件就不能用.on()方法来绑定了。

    6.8K10

    jQuery基础

    jQuery冲突问题 使用jQuery时, $ 是访问jQuery的标志,但是如果有其他方法与jQuery中的 $冲突时,可以释放$的使用权 ,还可以自定义一个符号来代替 $使用。...中each静态方法和map静态方法的区别 1.each静态方法默认的返回值就是,遍历谁就返回谁 map静态方法默认的返回值是一个空数组 2.each静态方法不支持在回调函数中对遍历的数组进行处理...map静态方法可以在回调函数中通过return对比那里的数组进行处理然后生成一个新的数组返回 ### 其他静态方法 1.$.isWindow():判断传入的对象是否是window...可以找一个在入口函数执行之前就有的元素来监听动态添加的某些事件 为什么要事件委托 新增的节点没有click响应,因为jQuery入口函数加载$("ul>li").click时没有把...中如果通过核心函数找到的元素不知一个,那么在添加事件的时候,jQuery 会遍历所有找到的元素,给所有找到的元素添加事件 */

    1.7K20

    造一个 react-infinite-scroller 轮子

    这里直接给出计算 offset 的公式,免得大家去查了: const offset = 很长元素总高度 - 窗口距离顶部高度 - 窗口高度 = node.scrollHeight - parentNode.scrollTop...是一个只读属性,返回一个元素的布局高度 window.pageYOffset: 其实就是 scrollY 的别名,返回文档在垂直方向已滚动的像素值 window.innerHeight: 为浏览器窗口的视口的高度...上面公式里“当前窗口顶部与很长元素顶部的距离 + offsetHeigh”在页面里是定死的,而 window.pageYOffset - window.innerHeight 会随着滚动而改变,两者相减则为...mousewheel 事件 在 Stackoverflow 这个帖子 中说到:Chrome 下做无限滚动时可能存在加载时间变得超长的问题。...,resize 事件也应该触发加载更多 在 mount 和 update 的时候添加 listener,在 unmounte 和 offset < threshold 时移除 listener。

    2.6K30

    Pbcms Ajax 无刷新加载内容

    该系列会写一些 PbootCMS 在使用过程中碰到的一些问题,以及问题的解决方案。 大家也可以给我反馈一些问题,有空的时候我会选一些写出来放在这个系列的教程里面。...由于 PbootCMS 的 api 接口的存在,在 PbootCMS 上实现 Ajax 加载还是比较方便的。 一、点击更多按钮加载内容 1、首先,添加一个按钮用来触发事件。...var Dom  = jQuery('.list'); //接下来写在点击按钮('.more')的时候触发事件 jQuery('#More').on('click', function(){     ...//使用jQuery的scroll()方法来监听页面滚动 jQuery(window).scroll(function(){     //当前窗口和页面顶部的距离     var WindowTop ...= jQuery(window).scrollTop();          //可视窗口区域高度     var WindowHeight = jQuery(window).outerHeight()

    4.2K20

    SCrollTOP scrollHeight

    jQuery 里和滚动条有关的概念很多,但是有三个属性和滚动条的拖动有关,就是:scrollTop、scrollLeft、scrollHeight。...实际上,在js代码里,滚动条是被抽象为一个“点”来对待的。scrollHeight其实不是“滚动条的高度”(b),而是表示滚动条需要滚动的高度,即内部div的高度750px。...而scrollTop表示滚动条(一个点)当前的位置在750px里占了多少,不是图中标出的a。...和 FF 下测试通过div> div> 代码解说: 内部div高度为750,外部div高度为500,所以垂直滚动条需要滚动...程序中,在外部div的scroll(滚动)事件中侦测和执行if判断语句,是非常消耗CPU资源的。用鼠标拖拉滚动条,只要有一个像素的变动就会触发该事件。但点击滚动条两头的箭头,事件触发的频率会低得多。

    2.3K20
    领券