javascript - 使用 onmouseover 和 onmouseout 事件切换案例

标签 javascript switch-statement case onmouseover onmouseout

我一直在尝试让开关同时使用 onmouseover 和 onmouseout,但我不知道如何将其绑定(bind)到事件。预先感谢您的帮助

<script>
function img(img){
switch(img)
{
case "showSq": 
document.getElementById("square").innerHTML = '<img src="square.png">';
break;
case "hideSq": 
document.getElementById("square").innerHTML = '';
break;
case "showCr": 
document.getElementById("circle").innerHTML = '<img src="circle.png">';
break;
case "hideCr": 
document.getElementById("circle").innerHTML = '';
break;
}}
</script> 
<body>
<div id=right>
<h1> Geometry </h1>
<p>
<span onmouseover="img(showSq)" onmouseout="img(hideSq)"> SQUARE</span>,
<span onmouseover="img(showCr)" onmouseout="img(hideCr)"> CIRCLE </span>
</p>
<p> <span id="circle"> <span id="square"> </p>
</div>

最佳答案

你的参数应该是 img('showSq') 和 <span>标签丢失 </span>标签

<p> <span id="circle"></span> <span id="square"></span> </p>

关于javascript - 使用 onmouseover 和 onmouseout 事件切换案例,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/41757879/

相关文章:

javascript - 如何使用 NativeScript 的 BarcodeScanner 插件

javascript - 如何清除 react native webview cookies?

r - 如何基于两个条件最小/最大过滤器使用 case_when ?

java - 组合 assert 和 switch 语句

mysql - 使用 IF/CASE 语句排序到列 (AS)

postgresql - Postgres案例查询问题

javascript - 在 PHP 中将本地镜像 blob 转换为 base64

javascript - php while循环中的按钮

Switch 语句中的 Java 字符检查

mysql Case语句在游标中不起作用