Question

单击元素时是否可以执行一段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>

注意：只是纯JavaScript

Answer 1

您可以使用href属性来指定要运行的javascript代码（即要运行的函数）。如果您希望保留href，还可以使用onclick属性：

<a href="#" onclick="myCode();">Click me</a>

以下是使用href属性的示例：

function myCode() {
  console.log("Run my js code");
}

<a href="javascript:myCode();">Click me</a>

Answer 2

您需要的是事件处理程序。

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

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

示例

function myFunction() {
    console.log(document.getElementById('d1').value);
}

<input type="number" id="d1" onclick="myFunction()">

Answer 3

这是一个不错的选择...

<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>

Answer 4

onClick属性是一个选项。

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

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

4 个答案: