javascript - a标签内有点击按钮能做到点击事件触发不跳转 但是点击其他地方仍走 链接么

问题描述

问 题

现在整个区域都是a
=但是需要投票的点击事件并且不跳转
怎么实现呢

<a href="<?= Url::to(['photo', 'id' => $model->id]) ?>">
    <div class="t">
        <img class="photo" src="<?= Yii::getAlias('@uploadsUrl/' . $model->photo) ?>">
    </div>

    <div class="l">
        <p class="nickname">选手昵称:<?= $model->nickname ?></p>
        <p class="number">选手编号:<?= $model->id ?></p>
    </div>
<img class="btn-vote-s" src="<?= Asset::getAssetUrl('images/btn-vote-s.png') ?>">
</a>

<?php
$url = Url::to(['vote', 'id' => $model->id], true);
$js = <<<EOF
  $(".btn-vote-s").on('click', function (e) {
 e.stopPropagation();
        $.get('{$url}',function(data){
            code = data.code;
            if (code == 200){
                $(".shade-vote-success").show();
            } else if(code == 304){
              $('.shade-voteonly1').show();
            }else if(code == 403){
            }else{
    
            }
        },"json");
    });
EOF;

$this->registerJs($js);


?>

解决方案

给投票的点击事件阻止冒泡

投票.onclick = e => {
    e.stopPropagation()
}

这篇关于javascript - a标签内有点击按钮能做到点击事件触发不跳转 但是点击其他地方仍走 链接么的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！