单击Javascript按钮+显示

时间:2008-12-10 08:57:41

标签: javascript onclick onmousedown onmouseup

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

  1. OnMouseDown更改图像,使按钮看起来很凹凸
  2. OnMouseUp返回初始图像并显示隐藏的div
  3. 我可以将onMouse Down和onMouseUp图像更改部分工作。

    我还可以使用OnClick

    获取隐藏的div

    问题是我无法全力以赴。

    我该怎么做?

    顺便说一下,我很确定它显而易见,但我对javascript很新,所以感谢你的帮助

3 个答案:

答案 0 :(得分:1)

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

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

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

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

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

答案 1 :(得分:0)

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

从控制器(发生的动作)分离视图(作为渲染的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>

答案 2 :(得分:0)

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

豫ICP备18024241号-1