仅当单击具有特定id的元素时才执行javascript代码

单击元素时是否可以执行javascript代码块

<a id="id-name" href="#">ABC</a>

我只想在单击上面的链接时执行以下代码

<script>
if(link-clicked){
  var marker = new google.maps.Marker({
    position: new google.maps.LatLng( 12.1223, 123.324 ),
    map: map,
    title: Some Location
  });
}
</script>

如果（单击链接）{
var marker=new google.maps.marker({
位置：新google.maps.LatLng（12.12231234.324），
地图：地图，
标题：某地
});
}

---

注意：只需纯javascript即可使用

href

属性指定要在javascript中运行的代码（即要运行的函数）。如果希望保留

href

属性，还可以使用

onclick

属性：

下面是使用

href

属性的示例：

函数myCode（）{
log（“运行我的js代码”）；
}

---

onClick属性是一个选项

<a id="id-name" href="#" onClick="myFunction()">ABC</a>

---

您需要的是一个事件处理程序

• onchange=>HTML元素已更改
• onclick=>用户单击HTML元素
• onmouseover=>用户将鼠标移动到HTML元素上
• onmouseout=>用户将鼠标移离HTML元素
• onkeydown=>用户按下键盘键
• onload=>浏览器已完成页面加载

使用这种类型的事件处理程序，您可以在特定元素的特定事件发生时执行javascript代码块

范例

函数myFunction（）{
console.log（document.getElementById（'d1'）.value）；
}

---

这是一个很好的选择

<a id="id-name" href="#">ABC</a>

<script>
    var $link = document.getElementById('id-name');
    $link.addEventListener('click', getPosition);

    function getPosition () {
       var marker = new google.maps.Marker({
       position: new google.maps.LatLng( 12.1223, 123.324 ),
       map: map,
       title: Some Location
    }    
</script>

var$link=document.getElementById（'id-name'）；
$link.addEventListener（'click'，getPosition）；
函数getPosition（）{
var marker=new google.maps.marker({
位置：新google.maps.LatLng（12.12231234.324），
地图：地图，
标题：某地
}    

我怎么知道已经存在相同的问题。顶部的搜索栏？谷歌搜索？重复的问题被标记为重复，以保持网站清晰，而不是垃圾邮件。你的问题将重定向到已回答的问题，而不是有一百万个地方有相同的答案。。