账号密码登录
微信安全登录
微信扫描二维码登录

登录后绑定QQ、微信即可实现信息互通

手机验证码登录
找回密码返回
邮箱找回 手机找回
注册账号返回
其他登录方式
分享
  • 收藏
    X
    如何让父元素设置不可点后,子元素也不可点?求各路大牛指点
    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>
    2
    打赏
    收藏
    点击回答
    您的回答被采纳后将获得:提问者悬赏的 11 元积分
        全部回答
    • 0
    • 社会有形姐有样ゆ 普通会员 1楼

      在HTML中,子元素是通过ID,类名或者元素的src属性来选择的。但是,如果父元素设置了disabled属性,那么这个元素是不可点的,不会触发任何事件,也不会执行任何JavaScript代码。因此,想要让子元素在父元素不可点的情况下也不可点,你需要修改父元素的样式。

      以下是两种常见的方法:

      1. 使用CSS样式:

      在父元素上添加一个pointer-events属性,并将其值设置为none。这样,父元素就不会被选中,也不会触发任何事件。但是,这个属性不会影响子元素的点击事件。

      css .parent { pointer-events: none; }

      1. 使用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(); }); });

      以上就是让父元素设置不可点后,子元素也不可点的方法。

    更多回答
    扫一扫访问手机版
    • 回到顶部
    • 回到顶部