jq 出来div外触发的事件

2024-10-13

jquery点击div以外的区域触发事件

<html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>网页特效展示中心</title> <style type="text/css"> #testa,#testa2{position:relative;} #pop,#pop2 { width:100

默认情况下div无法获取焦点,无法触发focus与blur事件,推測span,a等标签也无法触发焦点事件(input:button.及button标签能够触发) 怎样使div触发blur事件:能够给div加上tabindex属性在线演示:http://sandbox.runjs.cn/show/e0bvfcag 源代码: <!DOCTYPE html> <html lang="en"> <head> <meta charset="U

div无法触发blur事件解决办法

默认情况下div无法获取焦点,无法触发focus与blur事件,猜测span,a等标签也无法触发焦点事件(input:button,及button标签可以触发) 如何使div触发blur事件:可以给div加上tabindex属性 <div class="box" tabindex="1"></div> <script> $('.box').focus(function(){ alert('div focus'); }); $('.

js jq输入框中按回车触发提交事件，用户在页面输入后按回车（Enter键）进行

js jq输入框中按回车触发提交事件,用户在页面输入后按回车(Enter键)进行代码如下: <!DOCTYPE html> <html lang="en" xmlns="http://www.w3.org/1999/xhtml"> <head> <meta charset="utf-8" /> <title></title> <script src="htt

js/jq 动态添加的元素不能触发绑定事件解决方案

<!-- Copyright 2017-10-27, Jachin QQ: 381558301 Email: 381558301@qq.com 请看看你们的版本并对号入座: jquery1.6版本以下都不支持on委托事件 jquery1.3 至 jQuery1.8版都支持live委托事件 jquery1.9 以后的版本不支持live委托事件,但是on事件可以替代live jquery1.3版本以下的(不包括jquery1.3),是时候更新你的jquery版本了.因为无解无解无解无解无解无解如

DIV使用tabindex获得事件详解移动div

添加 tabindex='-1' 属性: 默认:获取不到焦点事件(blur) 1 <div class="wl-product" id="wl-product"></div> 可以获取焦点事件(blur) 1 <div class="wl-product" id="wl-product" tabindex='-1'></div> 具体详解: 先看:W3C关于onfocus的部分

获得触发hover事件的元素id

例: <div class="menu"> <ul> <li> <a id="menu1"></a> </li> </ul> </div> 当超链接触发hover事件时,可以用jquery这样获得a的id $(function(){$(".menu ul li a").hover( function(){ var id=$(this).att

JS改变input的value值不触发onchange事件解决方案（转）

方法(一)(转载的网络资料) 需要了解的知识首先,我们需要了解onchange和onpropertychange的不同: IE下,当一个HTML元素的属性改变的时候,都能通过 onpropertychange来即时捕获. onchange在属性值改变时还必须使得当前元素失去焦点(onblur)才可以激活该事件. onpropertychange 是IE浏览器的专属方法了解这一点后我们发现onpropertychange的效果就是我们想要的,可是很遗憾,它只在IE下有效果.我们能不能找

jquery移除、绑定、触发元素事件使用示例详解

这篇文章主要介绍了jquery移除.绑定.触发元素事件使用示例详解,需要的朋友可以参考下. unbind(type [,data]) //data是要移除的函数 $('#btn').unbind("click"); //移除click $('#btn').unbind(); //移除所有对于只需要触发一次的,随后就要立即解除绑定的情况,用one() $('#btn').one("click",function(){.......}); 触发操作trigger()

jQuery 双击事件（dblclick）时，不触发单击事件(click)

我这是转载的文字原文地址:http://www.cnblogs.com/wyblog/archive/2011/12/15/2289219.html 万恶的双击事件啊!! 在jQuery的事件绑定中,执行双击事件(dblclick)时能触发两次单击事件(click).即一个标签元素(如div等),如果元素同时绑定了单击事件(click)和双击事件(dblclick),那么执行单击事件(click)时,不会触发双击事件(dblclick), 执行双击事件(dblclick)时却会触发两次单击事件

asp.net中TextBox里面实现回车触发指定事件

原文:asp.net中TextBox里面实现回车触发指定事件我在一个user_top用户控件里面做了个包括搜索的功能.然后再一个页面中添加这个用户控件.浏览时候在textbox里面输入搜索内容后.下意识的摁了回车.谁知道报错了.因为页面回发.我在page_load里面写了!IsPostBack{...}所以导致了未将对象引入对象实例.网上搜了下. 方法一: <asp:Panel ID="panSearch" runat="server" Defaul

JQ trigger函数无法触发a标签的两种解决方法

起因:点击icon图标后要触发a标签的链接转跳动作,但是用 JQ 的 $('#a').trigger('click') 居然不起作用,遂百度之,总结两种方法如下: (原因:JQ 的 trigger() 方法确实无法触发 a 标签的转跳动作.) 1:JQ 方法: 对目标 a 标签内部新增一个 span 标签 ,然后给 span 标签绑定 trigger('click') 事件. $('#a').html('<span></span>').children().trigger('cli

js autocomplete输入延迟触发执行事件

需求:延迟查询,autocomplete延迟触发执行事件.当有下一个事件开始时,本次事件中断.目的是为了防止调用服务器过于频繁. var timeout = 0;//延时处理 $("#customerName").autocomplete({ minLength: 0, source: function (request, response) { clearTimeout(timeout); console.log(timeout); var customerName = $(&quo

CSS鼠标悬浮DIV后显示DIV外的按钮

昨天写样式遇到个问题,如何让鼠标悬浮DIV后,显示DIV外的按钮,可以点击到按钮. 效果如下: 问题: 在DIV hover时候将按钮设为display: block,这是很直接的想法,但是这有个问题,就是在悬浮出现按钮后,鼠标要移到按钮上过程中,离开了DIV经过间距时,按钮就会消失. 解决办法: 1. 选择更大区域的DIV 这个时候hover出现的按钮,由于鼠标还在DIV(大区域)中,所以按钮是可以正常点到的.但这个方法问题在于扩大了触发区域,如果本意上是要最初的DIV来触发,那这个方法就不行

SkylineGlobe 如何实现FlyTo定位到目标点之后触发的事件函数

之前有朋友问,如何在Skyline里面实现FlyTo定位到目标点之后触发的事件函数呢? 下面的这段代码,就可以帮你解决这个问题. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/199

【移动端debug-4】iOS下setTimeout无法触发focus事件的解决方案

开篇总结:其实目前无法解决这个bug. 这两天做项目遇到了这个case,项目需求是打开页面的时候,input元素自动弹起键盘.由于各种方面的考虑,我们希望通过setTimeout延时200毫秒让input元素focus,demo代码如下: <!doctype html> <html lang="en"> <head> <meta charset="UTF-8"> <title>IOS下setTimeout无

JQuery如何实现双击事件时不触发单击事件，解决鼠标单双击冲突问题

在jQuery的事件绑定中,如果元素同时绑定了单击事件(click)和双击事件(dblclick),那么执行单击事件(click)时,不会触发双击事件(dblclick), 执行双击事件(dblclick)时却会触发两次单击事件(click). 但有时候我们希望在执行双击事件的时候不去出发单击事件,那究竟该如何实现呢? 少bb 上代码 : <!DOCTYPE html> <html lang="en"> <head> <meta charset

[转]jQuery 双击事件（dblclick）时，不触发单击事件(click)

例1: 链接:http://www.w3school.com.cn/jquery/event_dblclick.asp HTML 系列教程浏览器脚本服务器脚本 ASP.NET 教程 XML 系列教程 Web Services 系列教程建站手册 jQuery 教程 jQuery 教程 jQuery 简介 jQuery 安装 jQuery 语法 jQuery 选择器 jQuery 事件 jQuery 效果 jQuery 隐藏/显示 jQuery 淡入淡出 jQuery 滑动 jQuery 动画

jquery移除、绑定、触发元素事件

unbind(type [,data]) //data是要移除的函数 $('#btn').unbind("click"); //移除click $('#btn').unbind(); //移除所有对于只需要触发一次的,随后就要立即解除绑定的情况,用one() $('#btn').one("click",function(){.......}); 触发操作:trigger() 方法触发被选元素的指定事件类型. $('#btn').trigger("clic

一个有趣的BUG/按钮disabled之后还能触发click事件

一个很有意思的Bug 某天测试同学再次向我反馈,你这个删除按钮虽然置灰了,但是还是可以点击啊? 我:????(黑人问号) 卧槽?不可能啊,按钮都disabled了,怎么还可以点击?还能触发click事件?开玩笑的吧?,匆忙应付了测试同学开始复现这个Bug. 复现重新写了个页面demo,开始测试,卧槽?复现不了啊,这尼玛....? 叮!事情の真相没办法复现很烦啊,什么鬼?遂去原页面检查,然后发现了这样一段代码: <div class="btn-cancel"> <b

jQ给下拉框绑定事件，为什么要绑定在框(select标签)上，而不是绑定在选项(option标签)上

这是我在学习锋利的 jquery 书中 5.1.4 的代码时遇到的一个小问题,源代码如下: <head> <style type="text/css"> * { margin:0; padding:0; } div.centent { float:left; text-align: center; margin: 10px; } span { display:block; margin:2px 2px; padding:4px 10px; background: