Tag: javascript events

当键盘在移动设备上可见时,jquery / js / html5更改页面内容

可能重复: iPad Web App:在Safari中使用JavaScript检测虚拟键盘? 我正在为一个网站构建一个移动版本,我很感兴趣,如果我可以使用jquery / js / html5或任何其他技术创建相同的分屏效果,可以在虚拟键盘可见时在移动应用上进行。 例如,如果用户进入我的网页并单击输入文本字段,则会显示虚拟键盘,浏览器会自动缩放到输入文本字段所在的区域。 我想要的是能够在虚拟键盘可见时根据新的分辨率(屏幕高度 – 键盘高度),通过移动屏幕顶部的输入文本字段,然后根据一些提示更改我的页面内容用户在文本字段中输入的内容。 这是一些草图,看看我在说什么: 这是没有键盘的页面视图,结果基于搜索: 带有纵向键盘的页面,徽标消失,文本输入移至顶部,最多显示4个项目 带有横向键盘的页面,徽标消失,thext输入移动到顶部并放大,只显示2个项目 键盘是隐藏的,页面应该去fze 1。 希望这可以帮助。

滚动条在jQuery中出现/消失事件?

有没有一种简单的方法在jQuery中检测滚动条何时出现并消失在有溢出的div上:auto? (就像一个事件?手指交叉……) (我不想看看div内容的高度)

如何识别DOM何时被更改?

有没有一种简单的方法可以知道DOM何时被更改? 是否有任何内置的JavaScript / jQuery事件/函数?

无论添加事件的顺序如何,您如何强制首先运行javascript事件?

我有javascript,人们在他们的页面中包括。 在我的javascript中,我有一个jQuery版本(1.8为了方便参考),它被划分为自己的命名空间,并通过全局变量引用(但不是“$”或“jQuery”的两个默认变量之一) 。 这允许用户在他们的页面中使用jQuery,并且不会干扰我在函数内部执行的操作。 所以我们有一个页面已经有jQuery(1.4),并且一切正常,除了用户和我的代码都在元素上听“click”事件,而他们的第一个,所以在他们做的那几个事件上返回false,jQuery停止传播,我的事件永远不会被触发。 我需要先举办活动。 用户希望我的onClickfunction仍然有效。 现在我知道jQuery通过_data()对象在内部保持自己的事件顺序,通过它可以取消绑定现有事件,绑定我的事件,然后重新绑定现有事件,但这只适用于通过该实例绑定的对象的jQuery。 我宁愿不盲目地寻找jQuery对象,希望冲突是由用户自己的jQuery版本引入的。 毕竟当用户不通过jQuery绑定事件时会发生什么? 试图操纵页面中现有的jQuery对象并不是一个好的解决方案。 我知道,根据浏览器,他们使用addEventListener / removeEventListener或attachEvent / detachEvent。 如果我只能获得已添加事件的列表,我可以按照我想要的顺序重新绑定它们,但我无法找到方法。 通过chrome检查来查看DOM我没有看到onclick绑定到任何地方(不在对象上,也不在窗口或文档上)。 我正试着弄清楚jQuery绑定其监听的确切位置。 为了能够控制自己事件的顺序,jQuery必须全面地听某个地方,然后开启自己的function吗? 如果我能弄清楚那里做了什么,我可能会深入了解如何确保我的活动始终是第一位的。 或者也许有一些我在谷歌上找不到的JavaScript API。 有什么建议?

是否可以使用javascript捕获浏览器的文件打开/保存对话框事件

使用javascript可以监听浏览器的文件打开/保存对话框事件。 我收到通知现在已打开保存文件对话框时,我想执行一个操作。 具体来说,我想在对话框打开时隐藏加载微调器(但这很可能是任何其他操作) 我相信我可以为我创建的对话框执行此操作,不确定是否可以对浏览器的标准对话框执行此操作。 任何指针都非常有帮助。

如何阻止标签的window.on(’beforeUnload’)事件?

在我的项目中,当用户想要使用X按钮关闭窗口/选项卡时,我需要获得用户确认警报。 但window.on(’beforeUnload’)也适用于超链接 。 如何阻止 tag此leave page提醒? 我的JSP将拥有 click here 我的Jquery会有, $(document).ready(function(){ $(‘#navigate’).on(‘click’, function() { stopNavigate(event); }); }); function stopNavigate(event){ $(window).off(‘beforeunload’, function(){ }); } $(window).on(‘beforeunload’, function(){ return ‘Are you sure you want to leave?’; }); $(window).on(‘unload’, function(){ logout(); }); 当用户单击任何links时,我不希望leave message alert 。 我只需要关闭窗口关闭操作的leave message alert 。

Twitter引导程序在下拉列表中停止传播

我在插件jOrgChart的div中有一个twitter bootstrap下拉列表。 我遇到的问题是,当我单击按钮打开下拉菜单时,它还会触发父div中的单击事件,该事件会执行其他元素的折叠。 这是我的HTML: Actions Edit Delete … 我想阻止点击a.dropdown-toggle从冒泡到div.node,我尝试了这个: $(“div#chart div.btn-group > a.dropdown-toggle”).click(function (e) { e.stopPropagation(); }); 但现在下拉列表不起作用。 编辑 这是具体案例: http : //jsfiddle.net/UTYma/2/ (感谢Joe Tuskan开始小提琴)

firefor中的’event’等效

我使用以下代码,它在Chrome中运行得非常好。 function dayBind(xyzValue) { if(event.type == ‘click’) alert(‘Mouse Clicked’) } 请注意,没有传递给函数的“event”变量,但在chrome的情况下它仍然可用。 但是当我使用firefox时,我的’事件’未定义。 我尝试使用以下变通方法: var e=arguments[0] || event; 也: var e=window.event || event; 但它们都不适合我。 Firefox中是否存在“事件”等价物?

如何加载CSS背景图像? 事件被解雇了吗?

我有一个带有图像背景的侧边栏小部件。 这是一个搜索输入表单。 我不希望输入在图像加载之前显示。 有没有办法将load事件处理程序附加到CSS背景图像,如普通的img元素/对象? 我知道这可以在普通图像上完成,但我想将它保留为CSS背景,因为图像是精灵的一部分。 我使用的是jQuery,因此使用jQuery或plain DOM JS的解决方案同样出色。

如果选中复选框,则显示/隐藏div

如果选中最小值1,我需要一个带复选框和可见div的页面。 在这里,我得到一个页面,如果我选中复选框,div将显示。 没关系,工作正常。 当我检查3个复选框并取消选中1时,div缺失,当我再次检查某个框时,div将显示 – 它不正确。 如果选中至少1个复选框,我如何修改脚本以显示div的所有时间,而不是“跳转”? CB Hide/Show This JavaScript shows how to hide divisions i am here! Show Hide Checkbox Show Hide Checkbox Show Hide Checkbox Show Hide Checkbox Show Hide Checkbox Show Hide Checkbox Show Hide Checkbox Show Hide Checkbox Show Hide Checkbox Show Hide Checkbox Show Hide Checkbox Show Hide Checkbox