标签: mouseevent

是否可以在页面加载后使用JavaScript获取鼠标位置而无需任何鼠标移动事件(不移动鼠标)？

我有这个a,我不知道我需要插入"onmouseover",以便光标将像常规链接一样更改为手指指针:

<a class="menu_links" onclick="displayData(11,1,0,'A')" onmouseover=""> A </a>

我读到了我需要放的地方:

onmouseover="cursor: hand (a pointing hand)"

但这对我不起作用.

另外,我不确定这是否被视为JavaScript,CSS或纯HTML.

我正在尝试学习JS并遇到问题.

我尝试了很多东西并用Google搜索,但都是徒劳的.下面的代码段不能按预期工作.我应该点击我的价值,但它总是返回6.我把我的头发拉出来,请帮忙.

for (var i = 1; i < 6; i++) {

    console.log(i);

    $("#div" + i).click(
        function() {
            alert(i);
        }
    );
}

的jsfiddle

我希望能够创建一个控件,用户可以在div中单击,然后拖动鼠标,然后放开鼠标以指示他们想要的内容.(这是用于日历控件,因此用户将指示特定事件的时间长度)

看起来最好的方法是在父div上注册一个"mousedown"事件,然后在div上注册一个"mousemove"事件,直到触发"mouseup"事件."mousedown"和"mouseup"事件将定义时间范围的开始和结束,当我按照"mousemove"事件时,我可以动态地更改范围的大小,以便用户可以看到他们正在做什么.我的基础是谷歌日历中如何创建事件.

我遇到的问题是jQuery事件似乎只提供参考整个页面的可靠鼠标坐标信息.有没有办法辨别参考父元素的坐标是什么？

编辑:

下面是我正在尝试做的事情的照片:

jquery .mouseover()和.hover()函数之间有什么区别？如果它们完全相同,为什么jQuery使用它们？

我想在jquery中延迟一个悬停事件.当用户将鼠标悬停在链接或标签上时,我正在读取文件.如果用户只是在屏幕上移动鼠标,我不希望立即发生此事件.有没有办法推迟事件的发射？

谢谢.

示例代码:

$(function() {
    $('#container a').hover(function() {
        $('<div id="fileinfo" />').load('ReadTextFileX.aspx',
            {filename:'file.txt'},
            function() {
                $(this).appendTo('#info');
            }
         );
    },
        function() { $('#info').remove(); }
    });
});

更新: (1/14/09) 添加HoverIntent插件后,上面的代码更改为以下代码来实现它.实现起来非常简单.

$(function() {
    hiConfig = {
        sensitivity: 3, // number = sensitivity threshold (must be 1 or higher)
        interval: 200, // number = milliseconds for onMouseOver polling interval
        timeout: 200, // number = milliseconds delay before onMouseOut
        over: function() {
            $('<div id="fileinfo" />').load('ReadTextFileX.aspx', {filename:'file.txt'},
                function() {
                   $(this).appendTo('#info');
                }
             );
        }, // function = onMouseOver …

是否可以使用给定的坐标来模拟网页中的JavaScript点击？

当你进行内联样式时,如何在ReactJS中实现悬停事件或活动事件？

我发现onMouseEnter,onMouseLeave方法是错误的,所以希望有另一种方法来做到这一点.

具体来说,如果您非常快速地将鼠标悬停在组件上,则只会注册onMouseEnter事件.onMouseLeave永远不会触发,因此无法更新状态...使组件看起来好像仍然悬停在上面.如果你尝试模仿":active"css伪类,我也注意到了同样的事情.如果你真的很快点击,只会注册onMouseDown事件.onMouseUp事件将被忽略...使组件显示为活动状态.

这是一个JSFiddle显示问题:https://jsfiddle.net/y9swecyu/5/

JSFiddle的视频问题:https://vid.me/ZJEO

代码:

var Hover = React.createClass({
    getInitialState: function() {
        return {
            hover: false
        };
    },
    onMouseEnterHandler: function() {
        this.setState({
            hover: true
        });
        console.log('enter');
    },
    onMouseLeaveHandler: function() {
        this.setState({
            hover: false
        });
        console.log('leave');
    },
    render: function() {
        var inner = normal;
        if(this.state.hover) {
            inner = hover;
        }

        return (
            <div style={outer}>
                <div style={inner}
                    onMouseEnter={this.onMouseEnterHandler}
                    onMouseLeave={this.onMouseLeaveHandler} >
                    {this.props.children}
                </div>
            </div>
        );
    }
});

var outer = {
    height: '120px',
    width: '200px',
    margin: '100px',
    backgroundColor: …

我们正在为OS X创建一个使用Quartz Events移动光标的用户空间设备驱动程序,当游戏 - 特别是那些以窗口模式运行的游戏 - 无法正确捕获鼠标指针时,我们遇到了一个问题(=包含/将其保持在窗口的边界内).例如,它将移出游戏窗口并单击桌面或附近的非活动应用程序.

如果我们只能检测到活动应用程序何时调用CGAssociateMouseAndMouseCursorPosition,我们就可以解决这个问题.

你会怎么做？任何想法都表示赞赏.

我们偶然发现了Quartz Events的性能问题,更具体地说是CGEventPost:在繁重的GPU加载期间,CGEventPost会阻塞.我们已经创建了一个小型基准测试应用程序来演示该问题.此应用程序只是一个创建,发布和发布事件的循环.

您可以在下面看到运行该应用程序的结果.第一次运行是在空闲系统上.第二次运行是使用FurMark(GPU压力测试),表盘尽可能地加速.

• 内部是内循环所需的时间,基本上只是使用Quartz Events创建,发布和释放事件.
• 外面是我们的程序等待被唤醒的时间(睡眠).应该接近我们睡觉的时间,但如果系统处于压力之下,它可能会延迟.
• 帖子是事件发布所需的时间.

18:58:01.683 EventPerformance[4946:707] Measurements: (outer should be close to 10)
18:58:01.684 EventPerformance[4946:707] inner (ms): 0.04, outer (ms): 11.02, CGEventPost (ms): 0.03
18:58:01.684 EventPerformance[4946:707] inner (ms): 0.04, outer (ms): 11.02, CGEventPost (ms): 0.03
18:58:01.685 EventPerformance[4946:707] inner (ms): 0.07, outer (ms): 10.26, CGEventPost (ms): 0.03
18:58:01.685 EventPerformance[4946:707] inner (ms): 0.06, outer (ms): 10.85, CGEventPost (ms): 0.05
18:58:01.686 EventPerformance[4946:707] inner (ms): 0.07, outer (ms): 10.41, CGEventPost (ms): 0.04
18:58:01.686 EventPerformance[4946:707] inner (ms): 0.04, outer …