那些ie6已支持的方法属性,成为事实标准。或者方便大家的api

本文探讨了从IE特有的API如何逐渐被W3C标准接纳或模仿,包括事件处理、DOM操作等方面,例如onselectionchange、Element.contains、innerHTML等,并分析了这些API在不同浏览器中的支持情况。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

很多api,都是ie6实现,后来其他w3c或其他浏览器支持,或者用类似的方法模拟

 

onselectionchange      判断选区改变 ,chrome已支持

Element.contains        判断元素是否包含另一个,   w3c :compareDocumentPosition

innerHTML          从ie支持到标准

innerText          chrome已支持, w3c为textContent

onbeforedeactivate/onactivate   当激活前和失去激活后,配合range的bookmark,保存光标选区  其他浏览器未支持

selection.getBookmark/selection.moveToBookmark   如上,w3c使用的是 selection.addRange

mouseenter/mouseleave      阻止了冒泡版本的mouseover/mouseout, 也将会是从ie专有到标准的事件(firefox已支持)

focusin/focusout         支持冒泡版本的focus \blur,其他浏览器在捕获阶段绑定focus/blur来模拟

onselectstart          绑定开始选择。chrome已支持

unselectable         不会聚焦,同时已经focus的元素不会失去焦点。

hidefocus         其他浏览器使用outline,孰好孰差不做对比

 

禁止选择: ie : onselectstart+unselectable  其他 user-select:none;

 

onbeforecopy,onbeforecut,onbeforepaste,onbeforeeditfocus、ondrag*、ondrop*    等在特殊场景中,用处很大。

onpropertychange                比oninput好用。可以检测监听更多的行为。

onlosecapture+setCapture/releaseCapture   在处理拖放时候很实用,w3c使用window.blur+window.captureEvents/window.releaseEvents

其他待添加:

ie自己的一套css滤镜,简直就是早期版本的css3,旋转、发光、阴影等,而html5才支持原生的拖放

 

Element.contains  判断元素是否包含另一个,w3c compareDocumentPosition 判断位置(功能更多)

insertAdjacentHTML/insertAdjacentElement  灵活的插入文档和element,firefox、chrome已支持

 

 

 

 

 

 

 

 

 

转载于:https://www.cnblogs.com/henryli/p/3445665.html

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值