标签: javascript-events

是否可以在JavaScript中侦听对象属性的更改?

我正在研究一个主要使用JavaScript构建的网页界面.它基本上是一个(非常)大的形式,有许多部分.每个部分都是基于表单其他部分的选项构建的.每当这些选项更改时,新值将在"注册表"类型对象中记录,其他部分将相应地重新填充.

在许多表单字段上具有事件侦听器开始减慢速度,并且为每个更改刷新整个表单对于用户来说太重/太慢.

我想知道是否有可能将监听器添加到注册表对象的属性而不是表单元素来加快速度?如果是这样,你能提供/指出一些示例代码吗?

更多的信息:

  • 这是jQuery的一个插件,所以我可以从该库中构建的任何功能都会有所帮助,但不是必需的.
  • 我们的用户正在使用IE6/7,Safari和FF2/3,所以如果可能但仅限于"现代"浏览器,我将不得不寻找不同的解决方案.

javascript javascript-events

23
推荐指数
2
解决办法
2万
查看次数

通过图层/ div转发鼠标事件

有没有人知道jQuery或本地JavaScript方式通过图层启用鼠标事件?例如,启用a下面的链接div.

在我的情况下不能使用的其他解决方案:

javascript jquery javascript-events

23
推荐指数
3
解决办法
3万
查看次数

在Node.js中解除绑定事件

我们stdin.on以此为例.回调stdin.on堆栈,所以如果我写(在CoffeeScript中)

stdin = process.openStdin()
stdin.setEncoding 'utf8'
stdin.on 'data', (input) -> console.log 'One'
stdin.on 'data', (input) -> console.log 'Two'
Run Code Online (Sandbox Code Playgroud)

然后,每当我在提示符处返回时,我都会得到

One
Two
Run Code Online (Sandbox Code Playgroud)

我的问题是,有没有办法在绑定后删除/替换回调?或者是自己绑定代理回调和管理状态的唯一方法?

javascript-events node.js coffeescript

23
推荐指数
2
解决办法
1万
查看次数

在javascript中在while循环内创建一个暂停

我想在while循环中创建一个暂停,这样我就可以创建n每个都在3秒后出现的动画.

我尝试了以下,但它不起作用.很想有人告诉我我做错了什么.谢谢!!

i=0;
while (i < n) {
    someanimation();
    setTimeout(function(){
        i++;
    }, 3000);

};
Run Code Online (Sandbox Code Playgroud)

javascript-events while-loop

23
推荐指数
4
解决办法
6万
查看次数

通过iframe检测mousemove?

我有一个占据整个窗口的iframe(100%宽,100%高),我需要主窗口才能检测鼠标移动的时间.

已经onMouseMove在iframe上尝试了一个属性,它显然不起作用.还尝试将iframe包装在div中,如下所示:

<div onmousemove="alert('justfortesting');"><iframe src="foo.bar"></iframe></div>
Run Code Online (Sandbox Code Playgroud)

..它没有用.有什么建议?

javascript iframe onmousemove javascript-events

23
推荐指数
8
解决办法
4万
查看次数

单击任何地方但菜单时,jQuery隐藏下拉列表

我正在尝试将其设置为当您单击按钮时显示我的下拉菜单,并且当您单击除下拉菜单之外的任何位置时隐藏该隐藏菜单.

我有一些代码正常工作,当你单击菜单时没有关闭,但是当你关闭菜单时单击文档,它会显示菜单,所以无论你在哪里点击它都会不断切换.

$(document).click(function(event) {
    if ($(event.target).parents().index($('.notification-container')) == -1) {
        if ($('.notification-container').is(":visible")) {
            $('.notification-container').animate({
                "margin-top": "-15px"
            }, 75, function() {
                $(this).fadeOut(75)
            });
        } else {
            //This should only show when you click: ".notification-button" not document
            $('.notification-container').show().animate({
                "margin-top": "0px"
            }, 75);
        }
    }
});
Run Code Online (Sandbox Code Playgroud)

javascript jquery menu javascript-events

23
推荐指数
4
解决办法
4万
查看次数

youtube视频完成后的事件

我有简单的HTML代码,点击图像后播放youtube视频.

<body>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script> 

<div id="ytapiplayer2" style="display:none;">
<object width="1280" height="745">
<param name="movie" value="http://www.youtube.com/v/kCfP003Btjw?fs=1&hl=en_US&rel=0&autoplay=1"></param>
<param name="allowFullScreen" value="true"></param><param name="allowscriptaccess" value="always"></param>
<embed src="http://www.youtube.com/v/kCfP003Btjw?fs=1&hl=en_US&rel=0&autoplay=1" type="application/x-shockwave-flash" allowscriptaccess="always" allowfullscreen="true" width="1280" height="745"></embed>
</object>

</div>


<img src="https://i.qmyimage.com/mgen/global/zGetImageNew.ms?args=%22shpimg4198.jpg%22,425,96,1" id="imageID" />
<script type="text/javascript">
$('#imageID').click(function() {
$('#ytapiplayer2').show();
$('#imageID').hide();
});
</script>
</body>
Run Code Online (Sandbox Code Playgroud)

视频播放结束后,我需要隐藏视频并显示图像.怎么可能实施?

javascript youtube youtube-api javascript-events

23
推荐指数
1
解决办法
5万
查看次数

如何在点击AngularJS时检测按下的键

我正在web应用程序上使用angularjs,我需要弄清楚当我点击某处时,我如何检测到按键,如ctrl,shift或alt.

例如,使用jquery我可以通过访问Click函数参数来做到这一点.

是否有一些开箱即用的方式来获取有关角度的信息?

javascript keypress javascript-events angularjs

23
推荐指数
4
解决办法
3万
查看次数

如何使用JavaScript触发'isTrusted = true'点击事件?

我正在尝试使用Chrome扩展程序模拟用户点击和鼠标移动.

例如:在我的内容脚本中有一个按钮单击.

document.querySelector("SOME_SELECTOR").click();
Run Code Online (Sandbox Code Playgroud)

此行触发具有以下属性的click事件:

MouseEvent {isTrusted: false}
Run Code Online (Sandbox Code Playgroud)

如何触发isTrusted属性为true的MouseEvent?

javascript javascript-events google-chrome-extension

23
推荐指数
2
解决办法
8306
查看次数

keyup,keydown,keypress和input事件之间有什么区别?

我一直在努力了解jQuery keypress,keydown,keyup和input事件.但我发现它们很混乱.有人可以指出确切的区别吗?此外,我想知道当用户粘贴一段文本时,所有这些都会被触发.
谢谢

jquery input javascript-events

23
推荐指数
1
解决办法
3万
查看次数