标签: onmouseover

有没有办法以onmouseover简单的JavaScript 以编程方式触发事件？或者从onmouseover事件"提取"方法直接调用它？

例如

<div id="bottom-div" onmouseover="myFunction('some param specific to bottom-div');">
    <div id="top-div" onmouseover="????????"></div>
</div>

top-div高于bottom-div,因此onmouseover不会在bottom-div中触发.我需要一种myFunction('some param specific to bottom-div');从top-div 调用的方法

我有一个文字链接.当用户将鼠标悬停在文本链接上时,我希望图像显示在页面的其他位置.我想用css做这个.我认为可以通过链接中的单行代码完成,就像onmouseover一样,但似乎需要页面上其他地方的其他代码.

我尝试使用a:hover与我想要显示的图片作为背景图片,但我不认为它可以被操纵以完整显示而不是被剪裁到文本链接的大小.

当我尝试搜索这个时,我看到了数百个结果,但它们都不是我想要的.我发现的最接近的是这个.

http://www.dynamicdrive.com/style/csslibrary/item/css-image-gallery/

但是这种方法是将鼠标悬停在缩略图上.我只是希望用户将鼠标悬停在单个文本链接上,以便在其他位置的页面上显示图像.我从这个帖子中找到了这个画廊:在悬停时弹出图像css链接

我不想处理jquery或脚本太多,因为我对css更熟悉.有没有人知道一个简单的方法来做到这一点,或者仍然没有办法,甚至没有对css3进行所有更改？

谢谢!

我做了一个照片概念的演示,在两个图像之间切换以显示它们之间的差异.

我有一个onMouseClick事件工作正常,除了在iPad上.我的桌面上的响应是即时的,但平板电脑上的延迟可能是500毫秒？

这是正常的吗？还有另一种方法可以解决这个问题吗？

使用Javascript:

var img1 = new Image();
img1.src = "http://watkinsfilm.com/wp-content/uploads/2012/09/19mm.jpg";

var img2 = new Image();
img2.src = "http://watkinsfilm.com/wp-content/uploads/2012/09/200mm.jpg";


function test() {
    if (document.pic.src == 'http://watkinsfilm.com/wp-content/uploads/2012/09/19mm.jpg') {

        document.pic.src = 'http://watkinsfilm.com/wp-content/uploads/2012/09/200mm.jpg';
    }
    else if (document.pic.src == 'http://watkinsfilm.com/wp-content/uploads/2012/09/200mm.jpg') {

        document.pic.src = 'http://watkinsfilm.com/wp-content/uploads/2012/09/19mm.jpg';
    }
}?

身体:

 <div>
   <table id="table-1" >
   <tr><td>
      <img id="img" src="http://watkinsfilm.com/wp-content/uploads/2012/09/19mm.jpg" name="pic" onMouseDown="test()"/>
       <img id="png1" src="http://www.thedigitaltrekker.com/wp-content/uploads/2012/03/logo-6smA.png"/>
Click on the image above to toggle between 19mm and 200mm <br>
   </td></tr>
   </table>
</div>
?

同样在jsfiddle:http://jsfiddle.net/ntmw/R4pey/5/

让我们假设我有一个网页,其中有一些onmouseover javascript行为来下拉菜单(或类似的东西)

显然,这不适用于iPad或智能手机等触控设备.

如何检测浏览器是否支持onmouseover或onmouseout等悬停事件以及CSS中的hover伪标记？

注意:我知道如果我对此感到担心,我应该以不同的方式编写它,但我很好奇是否可以进行检测.

编辑:当我说"支持悬停事件"时,我的意思是"浏览器是否有有意义的悬停事件表示".如果硬件支持它但软件不支持(反之亦然),则没有有意义的表示.除了一些即将推出的技术,我认为任何触摸设备都没有有意义的悬停事件表示.

我有一个大桌子,每个单元格为25x25,每个单元格内有一个div.每个div都有"node"类,并且背景颜色都应用于它们.我正在编写一些jQuery代码,当鼠标停在鼠标按钮时,它会改变每个div的颜色.

我目前拥有它,所以当鼠标悬停时它可以正常工作,但我只希望它在鼠标按钮关闭时工作.我已经尝试了很多不同的方法让它工作,但到目前为止我没有看,下面是我目前的代码.

$(document).ready(function(){
  $(".node").mouseover(function(){
   $(this).css({background:"#333333"});
 });
});

当用户将鼠标悬停在div标签上时,如何才能运行Javascript函数？

这是我的div标签:

<div id="sub1 sub2 sub3">some text</div>

我想补充的onclick,onmouseover以及onmouseout在canvas元素事件单个形状.

我尝试过以不同的方式使用SVG,并发现没有一种方法可以在所有主流浏览器中使用.

也许,有没有一种简单的方法可以onclick为画布形状添加一个可能的其他事件？

有人可以告诉我如何添加onclick？

这是我的代码:

canvas
{
  background:gainsboro;
  border:10px ridge green;
}

<canvas id="Canvas1"></canvas>

var c=document.getElementById("Canvas1");

var ctx=c.getContext("2d");
ctx.fillStyle="blue";
ctx.fillRect(10,10,60,60);

var ctx=c.getContext("2d");
ctx.fillStyle="red";
ctx.fillRect(80,60,60,60);

// these need an onclick to fire them up. How do I add the onclick
function blue()
{
  alert("hello from blue square")
}

function red()
{
  alert("hello from red square")
}

我有一些控件需要在用户没有编辑权限时禁用,但有时不够宽,无法显示所选选项元素的整个文本.在这种情况下,我添加了一个ASP.NET工具提示和以下代码

ddl.Attributes.Add("onmouseover", "this.title=this.options[this.selectedIndex].title")

这在控件启用时有效,但在禁用时无效.

当鼠标位于select元素上时,以下警告不会触发:

<select disabled="disabled" onmouseover="alert('hi');">
    <option>Disabled</option>
</select>

看到这个小提琴.

问:我可以onmouseover为控件启动事件disabled吗？

如何防止触发并JPopupMenu仅Mouse Cursor在选中时显示JTable'Row

我的问题:如果有另一种方式,getBounds从选定的行,并确定/比较与Mouse位置...

我简单的sscce演示了不想要的相反状态,任何行都可以选择并JPopupMenu从整体触发JTable

import java.awt.event.*;
import javax.swing.*;
import javax.swing.table.*;

public class TableCheckBox extends JFrame {

    private static final long serialVersionUID = 1L;
    private JTable table;

    public TableCheckBox() {
        Object[] columnNames = {"Type", "Company", "Shares", "Price", "Boolean"};
        Object[][] data = {
            {"Buy", "IBM", new Integer(1000), new Double(80.50), false},
            {"Sell", "MicroSoft", new Integer(2000), new Double(6.25), true},
            {"Sell", "Apple", new Integer(3000), new Double(7.35), true},
            {"Buy", "Nortel", new Integer(4000), new Double(20.00), …

我需要HTML5 canvas框架来做:

• 绘制对象(例如矩形)
• onmouseover事件的对象改变颜色/边框样式
• 点击执行一些js动作

谢谢

编辑:我终于决定使用raphaeljs(替代将是道场).这个框架很棒.(它不需要HTML5画布并使用SVG)