- 43
- 0
代码中当index为234时,样式设置为不可点击状态,然后当点击的时候,却可以触发a里面的事件,如何让当点击不可点击的li时,也不触发a里面的时间呢?用style='disabled:true'加到li也没有效果。求指点
<ul class="float-right">
<li :class="{current:index==currentIndex,disabled:index==1||index==2||index==4}" v-for="(o,index) in itmes" :key="index"><a href="javascript:;" @click="changeSection(index)">{{o}}</a></li>
</ul> - 共 0 条
- 全部回答
-
社会有形姐有样ゆ 普通会员 1楼
在HTML中,子元素是通过ID,类名或者元素的src属性来选择的。但是,如果父元素设置了
disabled属性,那么这个元素是不可点的,不会触发任何事件,也不会执行任何JavaScript代码。因此,想要让子元素在父元素不可点的情况下也不可点,你需要修改父元素的样式。以下是两种常见的方法:
- 使用CSS样式:
在父元素上添加一个
pointer-events属性,并将其值设置为none。这样,父元素就不会被选中,也不会触发任何事件。但是,这个属性不会影响子元素的点击事件。css .parent { pointer-events: none; }- 使用JavaScript:
在父元素的
onmouseover事件中,使用event.preventDefault()方法阻止事件的默认行为,包括点击。然后,将事件的target属性设置为子元素,这样,子元素就不会被选中,也不会触发任何事件。javascript parent.addEventListener('mouseover', function(event) { event.preventDefault(); event.target.focus(); });注意,这种方法会阻止子元素的所有点击事件,包括点击链接,按钮等。如果你只想阻止点击链接,可以使用以下方法:
javascript parent.addEventListener('mouseover', function(event) { event.preventDefault(); event.target.addEventListener('click', function(event) { event.preventDefault(); }); });以上就是让父元素设置不可点后,子元素也不可点的方法。
- 扫一扫访问手机版
回答动态

- 神奇的四哥:发布了悬赏问题阿里云幻兽帕鲁服务器更新之后。服务器里面有部分玩家要重新创建角色是怎么回事啊?预计能赚取 0积分收益

- 神奇的四哥:发布了悬赏问题函数计算不同地域的是不能用内网吧?预计能赚取 0积分收益

- 神奇的四哥:发布了悬赏问题ARMS可以创建多个应用嘛?预计能赚取 0积分收益

- 神奇的四哥:发布了悬赏问题在ARMS如何申请加入公测呀?预计能赚取 0积分收益

- 神奇的四哥:发布了悬赏问题前端小程序接入这个arms具体是如何接入监控的,这个init方法在哪里进行添加?预计能赚取 0积分收益

- 神奇的四哥:发布了悬赏问题阿里云幻兽帕鲁服务器刚到期,是不是就不能再导出存档了呢?预计能赚取 0积分收益

- 神奇的四哥:发布了悬赏问题阿里云幻兽帕鲁服务器的游戏版本不兼容 尝试更新怎么解决?预计能赚取 0积分收益

- 神奇的四哥:发布了悬赏问题阿里云幻兽帕鲁服务器服务器升级以后 就链接不上了,怎么办?预计能赚取 0积分收益

- 神奇的四哥:发布了悬赏问题阿里云幻兽帕鲁服务器转移以后服务器进不去了,怎么解决?预计能赚取 0积分收益

- 神奇的四哥:发布了悬赏问题阿里云幻兽帕鲁服务器修改参数后游戏进入不了,是什么情况?预计能赚取 0积分收益
- 回到顶部
- 回到顶部
