js 屏蔽object标签的点击动作

秒速五厘米 2022-09-18 11:00 168阅读 0赞

今天在做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][http_www.w3school.com.cn_htmldom_prop_link_disabled.asp]

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

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

[http_www.w3school.com.cn_htmldom_prop_link_disabled.asp]: http://www.w3school.com.cn/htmldom/prop_link_disabled.asp

发表评论取消回复

表情：

评论列表（有 0 条评论，168人围观）

还没有评论，来说两句吧...

相关阅读

相关 js模拟点击a标签，触发href

s中的$(…).click()事件只能触发绑定的onClick方法，不能跳转到href。常规情况下如果想下如果想在js里跳转href的链接，会先用attr获取到hre...

深藏阁楼爱情的钟/ 2024年04月19日 13:03/ 0 赞/ 86 阅读

相关 HTML点击显示、点击隐藏details 标签

<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>菜鸟教程(r

雨点打透心脏的1/2处/ 2024年03月16日 21:32/ 0 赞/ 55 阅读

相关 js点击事件(Js点击事件冲突怎么办)

JS点击onclick事件这个是闭包的问题 for (var i = 12; i <= 16; i++) \{ (function(i)\{ 第12个点击事

末蓝、/ 2023年09月26日 14:47/ 0 赞/ 186 阅读

相关 js怎么判断点击了哪个li标签的下标_js怎么判断点击了哪个li标签啊

window.onload = function() \{ var openHidden = document.getElementsByClassName('open-hi

╰半夏微凉°/ 2023年01月10日 05:17/ 0 赞/ 143 阅读

相关 js 屏蔽object标签的点击动作

今天在做IE11上的页面显示测试，突然遇到一个问题，有一个带有表格标题的table，表格标题定义是“<caption id="titleGuidance" cla

秒速五厘米/ 2022年09月18日 11:00/ 0 赞/ 169 阅读

相关 js点击获取当前li标签的index值

在之前面试的时候，笔记的环节总是碰到用原生js弹出当前点击li的indx值，今天没事就写一下，留作记忆！下面是html机构，为了省事我就不加id class了。

以你之姓@/ 2022年07月17日 00:17/ 0 赞/ 312 阅读

相关 JSP动作标签

JSP动作标签一、概述动作标签的作用是用来简化Java脚本的！ JSP动作标签是JavaWeb内置的动作标签，它们是已经定义好的动作标签，我们可以拿来直

╰半夏微凉°/ 2022年05月26日 22:48/ 0 赞/ 192 阅读

相关 input标签点击取值

<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <meta http-equiv="X

ゝ一世哀愁。/ 2022年05月14日 14:17/ 0 赞/ 291 阅读

相关 vue.js 实现点击某一标签就能获取当前点击标签的内容

以button为例 html源码： <div id="app"> <button @click="showValue($event)">点我</bu

女爷i/ 2022年01月28日 08:47/ 0 赞/ 719 阅读

相关 JSP动作标签

JSP动作标签一、概述动作标签是用来简化Java脚本的。JSP动作标签是JavaWeb内置的动作标签，它们是已经定义好的动作标签，我们可以拿来直接使用。如果JS

深藏阁楼爱情的钟/ 2021年06月24日 16:12/ 0 赞/ 470 阅读