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

Question

现在整个区域都是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);

?>

Answer 1

给投票的点击事件阻止冒泡投票.onclick = e => {&nbsp; &nbsp; e.stopPropagation()}