Javascript 锚定标记内图像的Onclick无效

我在锚定标记中有一个图像标记，图像标记有一个灰白色的星形图标，我想在单击时将其更改为金色的星形图标，因此在图像标记中我编写了一个

onclick=“myFunction（'activity'）；”

，它完成了这一点

<a href="/projects/test-project/activity" class="activity">
<img width="16" height="16" alt="grey star" src="/img/star.png" style="position:relative;left:180px;top:3px;z-index:100" onclick="myFunction('activity');" id="activity">
Activity</a>

但问题是，当我单击星型图标图像时，onlick函数起作用，但从锚定标记的

href=“/projects/test project/activity”

加载url。如何单击此图像标记并使页面不被加载

---

感谢您的帮助

您可以使用jquery函数，如下所示

$（函数（）{
$（“#活动”）。在（'click'，函数（e）上{
e、 预防默认值（）；
警惕（‘我在’）；
})
})

---

在

单击一次之后，执行
事件.stopPropagation（）
和
返回false（）

从html中删除onclick函数，并按如下方式更新代码：

HTML：

<a href="/projects/test-project/activity" class="activity">
    <img width="16" height="16" alt="grey star" src="/img/star.png" 
         style="position:relative;left:180px;top:3px;z-index:100"  id="activity">
    Activity
</a>

$(document).ready(function(){
    $('#activity').click(function(event){
        event.preventDefault();
        myFunction('activity');
    });
});

你能提供小提琴吗？谢谢anto，非常感谢help@Supersonic这是我的荣幸
$(document).ready(function(){
    $('#activity').click(function(event){
        event.preventDefault();
        myFunction('activity');
    });
});