js 屏蔽object标签的点击动作

最新推荐文章于 2024-07-28 17:04:36 发布

原创最新推荐文章于 2024-07-28 17:04:36 发布 · 3.5k 阅读

0 ·

CC 4.0 BY-SA版权

网页开发专栏收录该内容

48 篇文章

订阅专栏

在IE11浏览器上，点击表格的caption元素会导致表格尺寸变化，为解决此问题，可以通过JavaScript或jQuery禁用caption的点击事件。可以使用`$(‘#titleGuidance').attr('disabled',true);`或`document.getElementById('titleGuidance').disabled = true;`来禁用对象。若要恢复事件，可以添加返回false的click事件处理函数。同时，提供了批量处理caption点击事件的代码示例。" 103835085,8638143,保护Linux文件与目录：使用chattr防止意外删除与修改,"['Linux', '文件系统', '安全', '命令行']

今天在做IE11上的页面显示测试，突然遇到一个问题，有一个带有表格标题的table，表格标题定义是“<caption id="titleGuidance" class="guidance">表格标题</caption>”，问题是：当点击这个标题的时候就会改变table的长和宽等属性，可是在其他的非IE11的浏览器上不会出现这种问题。

所以就想到屏蔽了这个caption 的OnClick等事件。

解决方法是：用jquery实现： $(‘#titleGuidance).attr(‘disabled’,true); 或者： doucument.getElementById(‘titleGuidance).disabled = true; 这种方法简单粗暴，直接禁用了对象。 ※某个objet还原click事件的的方法是： $(‘#titleGuidance).click(function(){ return false; }); 或者： doucument.getElementById(‘titleGuidance).onClick = function(){ return false； } //批量处理屏蔽caption的事件 var captions = document.getElementsByTagName("caption"); var changedItems = new Array(captions.length); for (var i = 0; i < captions.length; i++) { changedItems[i] = captions[i].id; $('#' + captions[i].id).attr('disabled',true); }

例子： //disabled 属性可设置或返回是否禁用 //The following example disables the style sheet

http://www.w3school.com.cn/htmldom/prop_link_disabled.asp

注：caption 元素定义表格标题。

caption 标签必须紧随 table 标签之后。您只能对每个表格定义一个标题。通常这个标题会被居中于表格之上。