js 屏蔽object标签的点击动作

       今天在做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 标签之后。您只能对每个表格定义一个标题。通常这个标题会被居中于表格之上。