我正在设计一个使用非常基本的 JavaScript 的网页。 代码如下:
html:
<!DOCTYPE html>
<html>
<body>
<img id="apple" onclick="display()" src="images/apple.jpg" width="150" height="150">
<img id="pineapple" onclick="display()" src="images/pineapple.jpg" width="130" height="210">
<br><br>
<div id="description" style="width:300px;height:100px;border-top: 1px solid #000; border-bottom: 4px solid #000; border-left: 2px solid #000;
border-right: 4px solid #000;padding: 5px;"></div>
<br>
<button type="button" onclick="reset()">Reset</button>
<script type="text/javascript" src="obst.js"></script>
</body>
</html>
这是 JavaScript:
function display()
{
document.getElementById("description").innerHTML="der Apfel - Apple<br>die Äpfel - Apples<br><br>Ein Apfel am
Tag hält den Arzt weg<br>- An apple a day keeps the doctor away";
}
function reset()
{
document.getElementById("description").innerHTML="";
}
单击苹果图像会在描述框中显示文本。单击菠萝图像会在同一位置显示一些其他文本。
我认为,与其使用 apple()、pineapple() 等不同的函数来插入文本,不如在单击某些内容时调用显示函数,并且在显示函数中,如果脚本可以识别文本的来源,会更容易单击(即单击哪个图像),它可以相应地插入文本。
如何识别点击来源?
最佳答案
您可以使用 this.id:
<img id="apple" onclick="display(this.id)" src="images/apple.jpg" width="150" height="150">
<img id="pineapple" onclick="display(this.id)" src="images/pineapple.jpg" width="130" height="210">
然后捕获 id:
function display(clicked_id)
{
alert(clicked_id);
}
关于javascript - 获取javascript中的点击来源?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/13331258/