标签: javascript-events

什么是外行术语中的Unobtrusive Javascript?

什么是外行术语中的Unobtrusive Javascript?一个例子可以帮助我理解.

javascript unobtrusive-javascript javascript-events

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

如何获取onbeforeunload事件的目标URL?

我搜索了几个小时,但我找不到解决方案.

window.onbeforeunload = warn;
Run Code Online (Sandbox Code Playgroud)

这不起作用:

function warn (e) 
{ 
   var destination = e.href;
   alert(destination );
}
Run Code Online (Sandbox Code Playgroud)

好的,所以要清除事情.如果用户单击页面本身上的链接,则很容易,因为您可以将事件处理程序添加到所有链接onclick事件,但是.我想抓住地址,用户在浏览器的网址框中输入的内容.

javascript url javascript-events onunload

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

javascript domready?

我知道我可以使用不同的框架(如prototype或jquery)将函数附加到window.onload,但这不是我正在寻找的.

我需要像.readyState这样的东西,这样我就可以这样做:

if(document.isReady){
  var id = document.getElem ...
}
Run Code Online (Sandbox Code Playgroud)

除了使用框架的功能之外,还有其他方法吗?

javascript javascript-events

51
推荐指数
7
解决办法
10万
查看次数

角色=按钮意味着什么?

我发现在Google+项目的页面中,按钮全部来自div,例如:

<div role="button"></div>  
Run Code Online (Sandbox Code Playgroud)

我想知道,这只是用于语义,它是否会影响div的样式或事件处理?我试图模拟单击按钮与JQuery单击,但它不起作用.

html javascript javascript-events google-plus

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

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

如何将此上下文传递给事件处理程序?

我知道这个问题没有多大意义,但让我试着澄清一下.

我有一个名为ScrollBanner的类,它看起来有点如下(为简洁省略了很多):

function ScrollBanner() {
    this.initialize = function(selector) {
        $('span#banner1-nav').click(this._onClickNavigation);
    }

    this._onClickNavigation = function(event) {
        this.restartTimer(); // this == span#banner1-nav element from this.initialize
        //...
    }

    this.restartTimer() {
        //...
    }
}
Run Code Online (Sandbox Code Playgroud)

正如你所看到this.initialize设置一个单击处理程序this._onClickNavigation.有些人可能希望事件处理程序中的this引用ScrollBanner实例,但遗憾的是它没有.它指的是触发click事件的元素,在本例中为span#banner1-nav

什么是得到的最好方式指的ScrollBanner类的实例?

javascript javascript-events

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

onclick事件无法在JavaScript中运行

我在带有按钮的HTML页面中有一些JavaScript代码.我有一个名为'click()'的函数来处理按钮的onClick事件.该按钮的代码如下:

<input type="button" onClick="click()">button text</input>  
Run Code Online (Sandbox Code Playgroud)

问题是单击按钮时,不会调用该函数.我在这做错了什么?
谢谢

html javascript event-driven javascript-events

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

cancelBubble和stopPropagation有什么区别?

任何人都可以告诉我在javascript 中使用cancelBubble和使用的stopPropagation方法的差异.

javascript javascript-events

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

如何阻止用户在javascript中关闭窗口?

是否可以使用退出按钮[X]阻止用户关闭窗口?我实际上在页面中提供了一个关闭按钮,供用户关闭窗口.基本上我试图做的是强制用户填写表单并提交它.我不希望他们关闭窗口,直到他们提交它.

伙计们,我非常感谢你的评论,我不想在任何商业网站上托管.内部事情,我们实际上让所有员工参与我们设计的这项调查....我知道它不是正确的方式,但我想知道我们在这里遇到的问题是否有解决办法......

javascript anti-patterns javascript-events

46
推荐指数
5
解决办法
9万
查看次数

如何找出touchmove javascript事件的实际event.target?

我正在尝试在我的Web应用程序中开发一个简单的拖放UI.可以通过鼠标或手指拖动项目,然后将其放入多个放置区域中的一个.当项目拖放到放置区域(但尚未释放)时,该区域将突出显示,标记安全着陆位置.这对鼠标事件完全没问题,但我在iPhone/iPad上遇到了touchstart/touchmove/touchend系列.

问题是当调用项目的ontouchmove事件处理程序时,它event.touches[0].target始终指向原始HTML元素(项目)而不是当前在手指下的元素.此外,当用手指在某个放置区域上拖动某个项目时,touchmove根本不会调用该放置区域自己的处理程序.这实际上意味着我无法确定手指何时位于任何放置区域之上,因此无法根据需要突出显示它们.同时,在使用鼠标时,mousedown会正确触发光标下的所有HTML元素.

有些人确认它应该像那样工作,例如http://www.sitepen.com/blog/2008/07/10/touching-and-gesturing-on-the-iphone/: 对于那些你来自的人在正常的web设计世界中,在正常的mousemove事件中,目标属性中传递的节点通常是鼠标当前所在的节点.但在所有iPhone touch事件中,目标是对原始节点的引用.

问题:有没有办法确定手指下的实际元素(不是最初触及的元素,在许多情况下可能会有所不同)?

javascript javascript-events

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