标签: javascript-events

拖动调整大小句柄时,javascript调整大小事件多次触发

我希望这个jQuery插件可以工作,但它没有:

http://andowebsit.es/blog/noteslog.com/post/how-to-fix-the-resize-event-in-ie (旧链接为noteslog.com/post/how-to-fix-the-resize -event-in-ie).

我在他的网站上添加了评论,但他们已经过审核,所以你可能还没有看到它.

但无论如何,让我解释一下我的愿望.我想要在用户暂停调整大小和/或完成调整大小时触发"调整大小"类型的事件,而不是在用户主动拖动浏览器的窗口调整大小句柄时触发.我有一个相当复杂和耗时的OnResizeHandled函数我需要运行,但不能运行100次只是因为用户将窗口加宽了100px并且事件被激活了所有的移动像素.我想最好的选择是在用户完成调整大小后处理它.

jquery resize window javascript-events

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

在文本字段中的keydown事件之后检测输入文本字段的"值"?

所以我的网站有一个输入框,它有一个onkeydown事件,只是警告输入框的值.

不幸的是,输入的值不包括由于按下键而导致的更改.

例如,对于此输入框:

<input onkeydown="alert(this.value)" type="text" value="cow" />
Run Code Online (Sandbox Code Playgroud)

默认值为"cow".当您按下输入中的"s"键时,您会收到警报("cow")而不是警报("奶牛").如何在不使用onkeyup的情况下使其警报("奶牛")?我不想使用onkeyup,因为它感觉不太敏感.

一个部分解决方案是检测按下的键然后将其附加到输入的值,但这并不适用于所有情况,例如,如果输入中的文本突出显示,然后按一个键.

任何人都有这个问题的完整解决方案?

谢谢

forms javascript-events keydown

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

循环中的函数(返回另一个函数)如何工作?

我一直在尝试为JavaScript中的动态创建的"a"标记的onclick事件分配一个函数.所有标记都在循环中创建,如下所示:

for ( var i = 0; i < 4; i++ )
{
  var a = document.createElement( "a" );
  a.onclick = function( ) { alert( i ) };
  document.getElementById( "foo" ).appendChild( a );
}
Run Code Online (Sandbox Code Playgroud)

所有四个链接的警报值始终为"4".很明显.谷歌搜索时,我遇到了一个显示以下代码片段的帖子:

a.onclick = (function(p, d) {
return function(){ show_photo(p, d) }
})(path, description);
Run Code Online (Sandbox Code Playgroud)

我设法根据我的需要调整它并获得警报(i)正常工作的事情,但如果有人能够准确解释上述代码的作用,我将不胜感激.

javascript closures loops anonymous-function javascript-events

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

如何调试JAVASCRIPT事件?或者如何使所有函数调用跟踪?

例如,有一个按钮.它包裹着<div>.

当按下这个按钮时,会发生javascript函数调用,然后是另一个函数,然后通过ajax调用服务器,如果没问题,javascript会将此页面重定向到另一个页面.

调试很难.

有可能"抓住"这个事件吗?即,知道点击按钮后调用了什么函数?按钮没有属性"onclick",即事件监听器在javascript中连接.

如果不可能那么可以追踪吗?那就是看看所有函数调用,之后调用它?

它在视觉方面会更好,虽然在文字方面也很好:)

谢谢你的回复!

javascript events trace javascript-events

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

使用脚本设置onclick事件

我想我的script组onclick的properity <div>.

我用这个Html代码:

<div id="forgotpass">Forgot Password?</div>
Run Code Online (Sandbox Code Playgroud)

我希望当用户单击要运行<div>的forgotpass()函数时,但我不想使用它:

<div id="forgotpass" onclick="forgotpass();">Forgot Password?</div>
Run Code Online (Sandbox Code Playgroud)

html javascript events dom javascript-events

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

为什么我得到TypeError:obj.addEventListener不是函数?

这是我的代码:

function addEvent( obj, type, fn ) {
  if ( obj.attachEvent ) {
    obj['e'+type+fn] = fn;
    obj[type+fn] = function(){obj['e'+type+fn]( window.event );}
    obj.attachEvent( 'on'+type, obj[type+fn] );
  } else
    obj.addEventListener(type, fn, false);
}

function alertWinner(){
    alert("You may be a winner!");
}

function showWinner (){
    var aTag = document.getElementsByTagName("a");
    addEvent(aTag, 'click', alertWinner);
}

showWinner();
Run Code Online (Sandbox Code Playgroud)

基本上,我正在使用firebug控制台并尝试在点击任何标签时弹出警报.

我看不出导致这个问题无法解决的问题,并且在我的问题标题中给出了错误(在firebug中查看).任何人?

javascript javascript-events

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

有浮动工具提示的Flot的任何示例?

我目前正在研究一个Flot图,这个API看起来总体上非常强大,尽管高级使用的例子没有被广泛记录.

API建议有一些方法可以在图表上设置hoverable,而不是我确定究竟是什么意味着我可以用它来做.

我想知道是否有人可以提供他们遇到过的一些例子,或代表这个问题的代码,它们展示了以下任何一个例子:

  • 通过将鼠标悬停在Flot图表元素上的事件触发的动态工具提示
  • 勾选工具提示(悬停在xaxis上显示详细信息)
  • 任何类型的悬停在/动态事件绑定已使用w Flot

我正在寻找的效果类似于此 Open Flash Chart示例

javascript jquery graphing flot javascript-events

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

JavaScript中的Fire tab按键事件?

我正在尝试在JavaScript中模拟实际的Tab键按下.我不想专注于下一个元素或类似的东西,我只是想让它看起来像是按Tab键.

原因是因为我正在构建一个表单JavaScript类,我希望能够像tab一样使用enter键.如果有人使用原生BROWSER自动完成功能,我需要触发Tab键以捕获选定的自动完成响应.如果我只是移动到下一个输入,它将不会捕获其自动完成选择并将该字段留空.

有什么想法吗?

javascript javascript-events

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

JavaScript问题:Onbeforeunload还是Onunload?

因此,我希望在刷新页面或用户退出页面以供将来使用时,将某些信息存储在浏览器的localstorage中.我想我会使用一些Javascript来检测事件并存储页面访问的状态.

现在我的困境是:我应该使用Onbeforeunload或Onunload方法来实现这个目标吗?

谢谢

javascript dom javascript-events

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

输入猛击事件两次

这个问题之前已被提及/回答(大多数情况下),但我已经尝试了三件事来阻止事件冒泡但没有任何效果:

return false;
e.stopPropagation();
e.preventDefault();  
Run Code Online (Sandbox Code Playgroud)

(返回false应该照顾其他两个,对吗?)

这是html:

<div class="tags-holder">
    <input type="text" class="addField" id="addField_<%= visit.id %>"  placeholder="add a new tag">
</div>
Run Code Online (Sandbox Code Playgroud)

和JS(UPDATE CLEANED UP):

    $('.addField').show().keyup(function(event){
  event.preventDefault();

      if(event.keyCode == 13 || event.keyCode==9) {
    ProfilePage.createTag( this, 'nada', 'addField')
        $(this).hide().val('');

        return false;       
   }
Run Code Online (Sandbox Code Playgroud)

});

我把多余的塞子留在那里,但真的不应该返回假只是杀死冒泡?(使用Chrome).

线索?keyCode = 13是"Enter"

javascript jquery dom javascript-events

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