Tag: javascript events

使用jquery bootstrap-tagsinput创建标记而不按Enter键

即时通讯使用jquery bootstrap-tagsinput ,目前创建标签的唯一方法是在输入后按Enter键。我正在寻找的是一种更简单的创建标签的用户方法。 我以为我可以在bootstrap-tagsinput.js文件中的某处做一个onblur 。 有人可以帮忙吗? bootstrap tagsinput 谢谢。

Fullcalendar.js点击即可获得当天的活动

Fullcalendar.js点击即可获得当天的活动 是否有可能获得我在月视图中单击的所有事件,并使用Fullcalendar.js在任何div元素中打印它们? 这是我的JSFiddle: http://jsfiddle.net/alexchizhov/syf9ycbc/4/

如何在具有相同类的所有div上设置click事件

我在所有具有类“卡”的DIV上启动相同事件时遇到问题,如下面的屏幕截图所示: CardClick 1 CardClick 2 CardClick 4 CardClick 5 CardClick 4 CardClick 5 CardClick 6 CardClick 4 我将处理程序设置为: $(“.card”).click(function() { alert(“clicked…”); }); 问题是警报框仅出现在下面屏幕截图中标记为黑色的DIV上。 对于所有其他框,行alert(“clicked…”)不会执行事件。 即使是在顶行标记为5的框,也只有在其右上角单击时才会显示警告框。 单击此框中的任何其他位置不会启动警报。 (底行的方框没有这个问题,如果在任何地方点击它们,它们的警报就会显示正常)。 这是否与事件冒泡或事件捕获有关? 如何修复它,以便为所有带有“卡”类的DIV调用警报? 更新:相关CSS如下所示: .card { width: 100px; height: 100px; position: absolute; -webkit-transition: -webkit-transform 1s; -moz-transition: -moz-transform 1s; -o-transition: -o-transform 1s; transition: transform 1s; -webkit-transform-style: preserve-3d; -moz-transform-style: preserve-3d; -o-transform-style: […]

如何检测Firefox中的浏览器关闭事件?

如何在firefox浏览器中检测浏览器关闭事件。我想在服务器端进行一些清理过程,并保持上次注销时间。 要实现此需求,请在用户单击注销或浏览器关闭时触发ajax调用。 对于IE,以下代码正在运行, if (window.event.clientY (document.documentElement.clientWidth – 5) || window.event.clientX < 0)) { logoutUser();//logging out the user } } function logoutUser(){ var xmlhttp; if (window.XMLHttpRequest) {// code for IE7+, Firefox, Chrome, Opera, //Safari xmlhttp = new XMLHttpRequest(); } else {// code for IE6, IE5 xmlhttp = new ActiveXObject("Microsoft.XMLHTTP"); } xmlhttp.open("GET", "Logout.action", true); xmlhttp.send(); } 如何在Firefox中执行此操作,帮助我。 […]

JavaScript将mouseenter事件传递给另一个元素下面的元素

我正在尝试构建一个类似Google日历的小日历应用程序。 我正在尝试使用单击和拖动function创建事件,以便事件与网格对齐。 我正在尝试将拖动绑定到事件DIV元素下方的TD元素,该元素在向下移动时工作(延长事件),但它不能向上移动(缩小事件)。 发生的事情是为事件DIV元素触发了mouseenter事件,但它永远不会为底层TD触发。 如果您尝试通过向上移动来调整DIV的大小,则可以正常工作,因为TD实际上接收到了mouseenter事件。 Google日历和jQuery周日历使用mousemove事件,但是每个像素都会触发mousemove事件,这似乎很浪费。 有没有办法在不使用mousemove事件的情况下编写它? 是否可以将DIV元素放在桌子和TD之后? 如果表格有些透明,用户仍然可以看到DIV,但实际上是在TD上发射事件。 我尝试用z-index做这个,但它似乎没有实际工作。 jsFiddle示例代码: http : //jsfiddle.net/rockymeza/8SHpA/

jQuery不会触发单选按钮更改

很抱歉打扰,但我是jquery的新手并试图解决这个问题。 提前致谢。 我有一个网页,里面装满了几套基于几个计算机组件的单选按钮。 我的页面顶部有一些图像可以触发某些单选按钮。 我对此的javascript是: $( document ).ready( function() { $(‘img#gaming’).click(function () { $(‘.small_image’).attr(“src”,”../img/GamingPlain.png”); $(‘input:radio[name=chasis]’)[2].checked = true; $(‘input:radio[name=cpu]’)[1].checked = true; $(‘input:radio[name=mobo]’)[1].checked = true; $(‘input:radio[name=ram]’)[1].checked = true; $(‘input:radio[name=gpu]’)[1].checked = true; $(‘input:radio[name=psu]’)[1].checked = true; $(‘input:radio[name=hdd]’)[2].checked = true; }); . . . }); 这工作正常。 我还必须根据选择的单选按钮更改页面的一部分。 它看起来像这样: $( document ).ready( function() { $(‘input[name=chasis]’).change(function() { var txt = $(this).parent().text(); var […]

在jQuery Mobile中重定向更改大选择菜单

当用户从jQuery Mobile的菜单中选择一个选项时,我遇到了尝试重定向到另一个页面的问题。 下面是一个非常小的例子,类似于我正在尝试做的事情,它展示了我遇到的问题。 问题是,当选项列表太大而不适合屏幕时,重定向不起作用。 当选项适合屏幕时,它工作正常。 (您可以通过使窗口非常小来在桌面浏览器中重现这一点。) jQuery Mobile Test $(function () { $(‘#mySelect’).bind(‘change’, function () { // The actual logic for building the URL is more complicated, obviously. // This is just an example. var url = ‘jquery-mobile-test.html?param=’ + this.value; location.href = url; }); }); Select an Option… One Two Three Four Five Six Seven […]

event.preventDefault是否取消了更改事件?

我有一些我想为自己澄清的情况,如果有人对这个问题有任何经验并愿意向我解释,我会很高兴。 我有一个textarea,它有一个change事件处理程序: textarea.bind(‘change’, function(event){ // do something }); 假设,如果我有某种抓取所有用户点击的点击事件处理程序,该怎么办: $(document).bind(‘click’, function(event){ event.preventDefault(); }); 如果用户用鼠标点击它,这个处理程序是否也会取消blur并change textarea的事件? 如果它会,我怎么能防止这种情况发生? 更新:感谢您的回答,我不能说我尝试了,但我有类似的情况,我试图排除为什么change不会触发我的textarea的可能性。 在我的情况下,如果我点击默认情况下阻止所有click事件并替换为自定义行为的区域,则有一个change处理程序不起作用。

jQuery和从开始和结束值动态生成的表

我想使用jQuery在html表单上使用滑块。 滑块需要00:00和23:55之间的值,并且必须处理它的开始和结束时间。 从幻灯片生成的两个值中,需要生成一个表(我假设使用某种for循环),开始时间和结束时间之间的所有时间以五个小步骤的增量显示。 另一种方法是使用两个具有开始和结束值的选择菜单(第二个必须动态生成,我假设最终用户无法在开始时间之前设置完成时间)。 我更喜欢在jQuery中使用逻辑,因为应用程序的大小是jQuery。 如果有人可以帮助甚至建议从哪里开始,我将不胜感激。 担 UPDATE 好吧,我已经设法让滑块使用jQuery UI现在我需要做的就是获取生成的值并循环遍历它以生成一个包含两个值之间所有时间的表: var startTime; var endTime; $(“#slider-range”).slider({ range: true, min: 0, max: 1439, values: [540, 1020], step:5, slide: slideTime, /*change: */ }); function slideTime(event, ui){ var minutes0 = parseInt($(“#slider-range”).slider(“values”, 0) % 60); var hours0 = parseInt($(“#slider-range”).slider(“values”, 0) / 60 % 24); var minutes1 = parseInt($(“#slider-range”).slider(“values”, 1) % […]

pageshow / pagehide事件未触发

我遇到了pageshow / pagehide事件,但我不确定它们是如何工作的。 我在document上注册了它们,后来在window对象上注册了它们,但它们从未被解雇过。 我希望他们在页面加载页面显示后触发,当我去其他页面进行pagehide时,但这种情况从未发生过。 我在哪里可以找到有关这些事件的更多信息?