Question

我有一个大红色按钮，我正在尝试使用javascript执行以下操作： -

OnMouseDown更改图像，使按钮看起来很凹凸
OnMouseUp返回初始图像并显示隐藏的div

我可以将onMouse Down和onMouseUp图像更改部分工作。

我还可以使用OnClick

问题是我无法全力以赴。

我该怎么做？

Answer 1

您可以使用分号分隔事件中的多个脚本语句：

<img src="..." alt="..."
  onmousedown="depressed();"
  onmouseup="undepressed(); revealDiv();" />

另外，我相信大多数浏览器都支持onclick事件：

<img src="..." alt="..."
  onmousedown="depressed();"
  onmouseup="undepressed();"
  onclick="revealDiv();" />

既然你说你已经分别找出了3个部分中的每个部分，我只是编写了函数调用，你可以用自己的代码代替每个步骤。

Answer 2

没有看到你的代码，很难说，但我怀疑错过了'return true;' onclick或onmouseup事件处理程序末尾的语句。

Answer 3

永远不建议使用属性表示法将元素直接附加到元素的标签上。

从控制器（发生的动作）分离视图（作为渲染的html）是一种更好的做法

附加活动的最佳方式是：

<img id="abut" />

<script>
var thebutton = document.getElementById('abut'); //Retrieve the button from the page 
thebutton.onmousedown = depressed; //depressed is a function that you declare earlier on...here, you are just passing a reference to it
thebutton.onmouseup = function () {
    undepressed();
    revealDiv(); //Invoke the two functions when the 'onmouseup' is triggered'
};
</script>

单击Javascript按钮+显示

3 个答案: