- web前端javascript笔记——（13）事件(1)
Komorebi_9999
前端javascript笔记
一、事件对象鼠标/键盘属性altKey返回当事件被触发时，“ALT”是否被按下。button返回当事件被触发时，哪个鼠标按钮被点击clientX返回当事件被触发时，鼠标指针的水平坐标。clientY返回当事件被触发时，鼠标指针的垂直坐标。ctrlkey返回当事件被触发时，“CTRL"键是否被按下。metakey返回当事件被触发时，"meta"键是否被按下。relatedTarget返回与事件的目标
- IE事件模型
skoll
1.只有两个阶段，目标事件和起泡2.IE不支持把事件对象通过参数形式在事件处理函数中进行传递，而是通过设置window对象的一个属性为event来进行引用，这中特别的方式3.属性1.secElement=target2.button=buttons(只是值的含义不同)3.fromElement,toElement(移动过的元素，将要移动的元素)=relatedTarget4.cancelBubbl
- mouseleave在多次鼠标点击下被错误触发的避免办法
暮色岚光
笔记
项目中遇到个问题：在监听鼠标移入移出事件时有时会因为鼠标在移入的元素中进行了点击就自行触发了鼠标移出事件，很不得解。打印出event对象发现，因为多次点击触发的mouseleave事件和正常触发的mouseenter事件有一个区别：其relatedTarget属性（ie中是toElement）值不同。多次点击触发的鼠标移出事件的这一属性值为null；正常触发的则会是鼠标移出元素后所悬浮于上的DOM
- jq/js检测鼠标指针移动离开页面
double_——
javascript前端开发语言
通过mouseout鼠标事件，判断鼠标去往哪个元素知识点：relatedTarget事件属性定义和用法relatedTarget事件属性返回与事件的目标节点相关的节点。对于mouseover事件来说，该属性是鼠标指针移到目标节点上时所离开的那个节点。对于mouseout事件来说，该属性是离开目标时，鼠标指针进入的节点。对于其他类型的事件来说，这个属性没有用。jq$(document).on('mo
- js中target，currentTarget和relateTarget
Bennt
target:返回触发事件的元素currentTarget:返回绑定事件的元素relateTarget:relatedTarget事件属性返回与事件的目标节点相关的节点。例如：对于mouseover事件来说，该属性是鼠标指针移到目标节点上时所离开的那个节点。对于mouseout事件来说，该属性是离开目标时，鼠标指针进入的节点。对于其他类型的事件来说，这个属性没有用。
- 百度地图显示问题的解决方案（续上篇博客）
精英之路丶
web开发
上篇blog提到了关于百度地图显示的一个问题，问题产生的环境也阐述了。其实在昨天测试了很多次已经解决了这个问题，今天就详细说明一下问题的解决方案吧。首先，讨论一下bootstrap的模态框弹出和关闭的事件触发函数：1、show.bs.modal:show方法调用之后立即触发该事件。如果是通过点击某个作为触发器的元素，则此元素可以通过事件的relatedTarget属性进行访问。$('#myModa
- 如何在bootstrap模态框弹出后触发函数
wangxiaoangg
Bootstrap的模态框类提供了一些事件用于监听并执行你自己的代码。事件类型描述show.bs.modalshow方法调用之后立即触发该事件。如果是通过点击某个作为触发器的元素，则此元素可以通过事件的relatedTarget属性进行访问。shown.bs.modal此事件在模态框已经显示出来（并且同时在CSS过渡效果完成）之后被触发。如果是通过点击某个作为触发器的元素，则此元素可以通过事件的r
- bootstrap模态框（弹出框），如何添加传参事件
rookieStruggling
bootstrap弹出框，根据点击将本文的内容添加到弹出框中BootstrapModal好友列表张三李四王二×NewmessageRecipient:Message:CloseSendmessage//绑定模态框展示的方法$('#exampleModal').on('show.bs.modal',function(event){varbutton=$(event.relatedTarget)//触
- Bootstrap模态框事件监听
二进制的鱼
QNMD前端
[size=medium][color=darkred]show.bs.modal[/color]show方法调用之后立即触发该事件。如果是通过点击某个作为触发器的元素，则此元素可以通过事件的relatedTarget属性进行访问。[color=darkred]shown.bs.modal[/color]此事件在模态框已经显示出来（并且同时在CSS过渡效果完成）之后被触发。如果是通过点击某个作为触
- Bootstrap 的模态框类
andaren6337
事件类型描述show.bs.modalshow方法调用之后立即触发该事件。如果是通过点击某个作为触发器的元素，则此元素可以通过事件的relatedTarget属性进行访问。shown.bs.modal此事件在模态框已经显示出来（并且同时在CSS过渡效果完成）之后被触发。如果是通过点击某个作为触发器的元素，则此元素可以通过事件的relatedTarget属性进行访问。hide.bs.modalhid
- 弹出页面，弹出框，$('').modal({}）；模态框
再遇当年
jspJqueryjavaScriptjshtml
效果图：自己可以添加内容；引用：amazeui前端框架：弹出页面：XXXXXXXXXXXXXXXXXXXXXXXXXXXXXX取消提交触发按钮：授信额度js://按钮触发functioncreditApplyAmount(id){//页面处理按钮的提交$('#handle-form-modal-credit').modal({relatedTarget:this,closeViaDimmer:fa
- bootstrap模态框（弹出框），如何添加传参事件
rookieStruggling
bootstrap弹出框，根据点击将本文的内容添加到弹出框中BootstrapModal好友列表张三李四王二×NewmessageRecipient:Message:CloseSendmessage//绑定模态框展示的方法$('#exampleModal').on('show.bs.modal',function(event){varbutton=$(event.relatedTarget)//触
- $.Event 用法
毅江
jquerybootstrap
$.Event用法最近在使用Bootstrap.js,一不小心趴开源码看了一下，尤其是看到tab.js1varhideEvent=$.Event('hide.bs.tab',{2relatedTarget:$this[0]3})45varshowEvent=$.Event('show.bs.tab',{6relatedTarget:$previous[0]7})89$previous.trigge
- js禁用回退键[backspace键]浏览历史跳转的解决办法
另至
js前端
原地址http://q821424508.iteye.com/blog/1587025window.οnlοad=function(){document.getElementsByTagName("body")[0].onkeydown=function(){//获取事件对象varelem=event.relatedTarget||event.srcElement||event.target||e
- js-JavaScript高级程序设计学习笔记9
weixin_33875564
依然第十三章事件1、页面上的所有元素都支持鼠标事件，除了mouseenter和mouseleave，所有鼠标事件都会冒泡。2、修改键：shift、ctrl、alt、meta。四个属性表示修改键的状态：shiftKey等。3、event对象的relatedTarget属性提供了相关元素的信息。只对mouseover和mouseout事件才包含值。4、对“事件处理程序过多”问题的解决方案就是事件委托。
- js 聚焦事件 focus blur input 节流 键盘事件 keydown keyup 防抖 滚轮事件
蒲公英芽
javascript
FocusEvent事件主要针对所有表单元素和超链接，当input聚焦时触发focus事件，失去焦点时触发blur事件。focus获得焦距blur失去焦距事件对象中relatedTarget为上一个失焦对象varuser=document.getElementById("user");user.addEventListener("focus",focusHandler);functionfocus
- 冒泡的几个问题
icessun
购物车问题购物车与商品列表之间的切换，如何处理之间的冒泡问题。e.fromElement，e.relatedTarget，contains()varoA=document.getElementsByTagName('a')[0];varoDiv=document.getElementsByTagName('div')[0];oA.onmouseover=function(e){e=e||windo
- 事件mouseover、mouseout存在的小bug
datura_lj
首先补充个知识点：在发生mouseover和mouseout事件时，都会涉及把鼠标从一个元素的边界之内移到另一个元素边界之内。对mouseover事件而言，事件的主目标是获得光标的元素，而相关元素就是那个失去光标的元素；类似地，对mouseout事件而言，事件的主目标是失去光标的元素，而相关元素则是获得光标的元素。DOM通过event对象的relatedTarget属性提供了相关元素的信息。这个属
- js禁止Backspace键使浏览器后退的实现方法
在项目中遇到按下Backspace键让浏览器后退的问题，上网搜了几种解决方案都不太理想。于是集众人之智，采众家之长，归纳如下：1、在公用js中定义阻止Backspace的方法functionbanBackSpace(e){varev=e||window.event;//各种浏览器下获取事件对象varobj=ev.relatedTarget||ev.srcElement||ev.target||ev
- js解决select下拉选不中问题
当事件mouseover中出现select下拉框时，select下拉是选不中的，解决办法：varo=e.relatedTarget||e.toElement;//判断下移动到的对象，移动到option上ie下是null，firefox等为undefined。。if(!o)return;//为option退出不隐藏完整代码案例为：无标题文档*{margin:0;padding:0;list-styl
- 第九周单词表
果木山
event:事件；listener:收听者；capture:捕获；release:释放；user:用户；userCapture：用户捕获；attach：附上，附加detach：分离;keyboard：键盘；context:环境；propagation：宣传；prevent：阻止；default：默认，违约related：相关的；relatedtarget：相关目标；
- Bootstrap 标签页Tab插件的事件
ixygj197875
Bootstrap教程Bootstrap教程
事件Bootstrap标签页Tab插件有两个事件，分别是show和shown，这两个事件的含义见表5‑3。表5‑3标签页事件及含义事件含义show标签页显示之前，触发该事件。使用event.target和event.relatedTarget分别获取当前活动的标签页和上一次活动的标签页（如果有的话）shown标签页被显示，并且CSS动画也播放结束之后，触发该事件。使用event.target和ev
- Bootstrap模态框事件监听
gonyulian415
cssJavaScript
阅读更多show.bs.modalshow方法调用之后立即触发该事件。如果是通过点击某个作为触发器的元素，则此元素可以通过事件的relatedTarget属性进行访问。shown.bs.modal此事件在模态框已经显示出来（并且同时在CSS过渡效果完成）之后被触发。如果是通过点击某个作为触发器的元素，则此元素可以通过事件的relatedTarget属性进行访。hide.bs.modalhide方法
- 高性能迷你React框架anujs1.1.0发布
司徒正美
react.js
本版本对setState与forceUpdate内部依赖的setStateImpl进行了重构，性能稳定在60pfs之上。并且将组件实例的所有内部方法与属性都改成以___开头。https://github.com/RubyLouvre...disabled的元素不能触发点击事件修正mouseenter/mouseleave在IE6－8中的BUG，涉及到relatedTarget的正确获取与LCA处理
- onmouseover，onpropertychange
RossWen
1：onmouseover解决兼容的方法：varfrom=oEvent.fromElement||oEvent.relatedTarget;if(this.contains(from))return;2：onpropertychange:当属性改变的时候-->低版本ie不可用oninput：当输入的时候同样低版本ie不好使涉及的例子：实时统计数字oninput=onpropertychange=f
- 关于BootStrap模态框的使用
_Johnson
eventshow模态框javascript
当点击编辑按钮时，将数据传递给弹出的模态框。如果当前的按钮是在jsp中使用标签遍历循环出来的，则在触发Bootstrap对模态框内置的4个方法时，将获取不到对象。×图片编号：图片描述CloseSubmit $('#showinfo').on('show.bs.modal', function(event) {var button=$(event.relatedTarget);var p
- 鼠标的移入移出问题 e.relatedTarget
target
jquery封装 e.relatedTarget 在mouseover中相当于IE的event.fromElement，在mouseout中相当于IE的event.toElement
< a href ="#" class ="tip" > Test1 &
- 事件属性relatedTarget,fromElement,toElement
element
obj:function(e){if(e.relatedTarget){ return event.relatedTarget;}else if(e.toElement){ return e.toElement; //ie}else if(e.fromElement){ return e.fromElement; //ie}else{ return null;}}
IE下用eve
- onmouseout,mouseover经过子元素也触发的问题解决方案
mouseover
在mouseout与mouseover的冒泡问题上，相信有很多朋友都遇到过。今天这里就总结一下
关于mouseover和mouseout冒泡问题的解决方案：
首先，看下event.relatedTarget的用法。
relatedTarget
事件属性返回与事件的目标节点相关的节点。
relatedTarget不支持IE。对于&
- jsp页面屏蔽输入框只读属性时backspace返回上一级页面的方法
ado小男
jsp返回只读屏蔽backspace
首先获取事件对象，并判断是否要阻止按下键盘的默认事件window.onload=function(){
document.getElementsByTagName("body")[0].onkeydown =function(){
var elem = event.relatedTarget || event.srcElement || event.target
- Java实现的简单双向Map，支持重复Value
superlxw1234
java双向map
关键字：Java双向Map、DualHashBidiMap
有个需求，需要根据即时修改Map结构中的Value值，比如，将Map中所有value=V1的记录改成value=V2，key保持不变。
数据量比较大，遍历Map性能太差，这就需要根据Value先找到Key，然后去修改。
即：既要根据Key找Value，又要根据Value
- PL/SQL触发器基础及例子
百合不是茶
oracle数据库触发器PL/SQL编程
触发器的简介;
触发器的定义就是说某个条件成立的时候，触发器里面所定义的语句就会被自动的执行。因此触发器不需要人为的去调用，也不能调用。触发器和过程函数类似 过程函数必须要调用,
一个表中最多只能有12个触发器类型的,触发器和过程函数相似 触发器不需要调用直接执行,
触发时间：指明触发器何时执行，该值可取：
before：表示在数据库动作之前触发
- [时空与探索]穿越时空的一些问题
comsci
问题
我们还没有进行过任何数学形式上的证明,仅仅是一个猜想.....
这个猜想就是; 任何有质量的物体(哪怕只有一微克)都不可能穿越时空,该物体强行穿越时空的时候,物体的质量会与时空粒子产生反应,物体会变成暗物质,也就是说,任何物体穿越时空会变成暗物质..(暗物质就我的理
- easy ui datagrid上移下移一行
商人shang
js上移下移easyuidatagrid
/**
* 向上移动一行
*
* @param dg
* @param row
*/
function moveupRow(dg, row) {
var datagrid = $(dg);
var index = datagrid.datagrid("getRowIndex", row);
if (isFirstRow(dg, row)) {
- Java反射
oloz
反射
本人菜鸟，今天恰好有时间，写写博客，总结复习一下java反射方面的知识，欢迎大家探讨交流学习指教
首先看看java中的Class
package demo;
public class ClassTest {
/*先了解java中的Class*/
public static void main(String[] args) {
//任何一个类都
- springMVC 使用JSR-303 Validation验证
杨白白
springmvc
JSR-303是一个数据验证的规范，但是spring并没有对其进行实现，Hibernate Validator是实现了这一规范的，通过此这个实现来讲SpringMVC对JSR-303的支持。
JSR-303的校验是基于注解的，首先要把这些注解标记在需要验证的实体类的属性上或是其对应的get方法上。
登录需要验证类
public class Login {
@NotEmpty
- log4j
香水浓
log4j
log4j.rootCategory=DEBUG, STDOUT, DAILYFILE, HTML, DATABASE
#log4j.rootCategory=DEBUG, STDOUT, DAILYFILE, ROLLINGFILE, HTML
#console
log4j.appender.STDOUT=org.apache.log4j.ConsoleAppender
log4
- 使用ajax和history.pushState无刷新改变页面URL
agevs
jquery框架Ajaxhtml5chrome
表现
如果你使用chrome或者firefox等浏览器访问本博客、github.com、plus.google.com等网站时，细心的你会发现页面之间的点击是通过ajax异步请求的，同时页面的URL发生了了改变。并且能够很好的支持浏览器前进和后退。
是什么有这么强大的功能呢？
HTML5里引用了新的API，history.pushState和history.replaceState，就是通过
- centos中文乱码
AILIKES
centosOSssh
一、CentOS系统访问 g.cn ，发现中文乱码。
于是用以前的方式：yum -y install fonts-chinese
CentOS系统安装后，还是不能显示中文字体。我使用 gedit 编辑源码，其中文注释也为乱码。
后来，终于找到以下方法可以解决，需要两个中文支持的包：
fonts-chinese-3.02-12.
- 触发器
baalwolf
触发器
触发器(trigger)：监视某种情况，并触发某种操作。
触发器创建语法四要素：1.监视地点(table) 2.监视事件(insert/update/delete) 3.触发时间(after/before) 4.触发事件(insert/update/delete)
语法：
create trigger triggerName
after/before
- JS正则表达式的i m g
bijian1013
JavaScript正则表达式
g:表示全局（global)模式，即模式将被应用于所有字符串，而非在发现第一个匹配项时立即停止。 i:表示不区分大小写（case-insensitive）模式，即在确定匹配项时忽略模式与字符串的大小写。 m:表示
- HTML5模式和Hashbang模式
bijian1013
JavaScriptAngularJSHashbang模式HTML5模式
我们可以用$locationProvider来配置$location服务（可以采用注入的方式，就像AngularJS中其他所有东西一样）。这里provider的两个参数很有意思，介绍如下。
html5Mode
一个布尔值，标识$location服务是否运行在HTML5模式下。
ha
- [Maven学习笔记六]Maven生命周期
bit1129
maven
从mvn test的输出开始说起
当我们在user-core中执行mvn test时，执行的输出如下：
/software/devsoftware/jdk1.7.0_55/bin/java -Dmaven.home=/software/devsoftware/apache-maven-3.2.1 -Dclassworlds.conf=/software/devs
- 【Hadoop七】基于Yarn的Hadoop Map Reduce容错
bit1129
hadoop
运行于Yarn的Map Reduce作业，可能发生失败的点包括
Task Failure
Application Master Failure
Node Manager Failure
Resource Manager Failure
1. Task Failure
任务执行过程中产生的异常和JVM的意外终止会汇报给Application Master。僵死的任务也会被A
- 记一次数据推送的异常解决端口解决
ronin47
记一次数据推送的异常解决
需求：从db获取数据然后推送到B
程序开发完成，上jboss,刚开始报了很多错，逐一解决，可最后显示连接不到数据库。机房的同事说可以ping 通。
自已画了个图，逐一排除，把linux 防火墙 和 setenforce 设置最低。
service iptables stop
- 巧用视错觉-UI更有趣
brotherlamp
UIui视频ui教程ui自学ui资料
我们每个人在生活中都曾感受过视错觉（optical illusion）的魅力。
视错觉现象是双眼跟我们开的一个玩笑，而我们往往还心甘情愿地接受我们看到的假象。其实不止如此，视觉错现象的背后还有一个重要的科学原理——格式塔原理。
格式塔原理解释了人们如何以视觉方式感觉物体，以及图像的结构，视角，大小等要素是如何影响我们的视觉的。
在下面这篇文章中，我们首先会简单介绍一下格式塔原理中的基本概念，
- 线段树-poj1177-N个矩形求边长（离散化+扫描线）
bylijinnan
数据结构算法线段树
package com.ljn.base;
import java.util.Arrays;
import java.util.Comparator;
import java.util.Set;
import java.util.TreeSet;
/**
* POJ 1177 (线段树+离散化+扫描线)，题目链接为http://poj.org/problem?id=1177
- HTTP协议详解
chicony
http协议
引言
- Scala设计模式
chenchao051
设计模式scala
Scala设计模式
我的话： 在国外网站上看到一篇文章，里面详细描述了很多设计模式，并且用Java及Scala两种语言描述，清晰的让我们看到各种常规的设计模式，在Scala中是如何在语言特性层面直接支持的。基于文章很nice，我利用今天的空闲时间将其翻译，希望大家能一起学习，讨论。翻译
- 安装mysql
daizj
mysql安装
安装mysql
(1)删除linux上已经安装的mysql相关库信息。rpm -e xxxxxxx --nodeps (强制删除)
执行命令rpm -qa |grep mysql 检查是否删除干净
(2)执行命令 rpm -i MySQL-server-5.5.31-2.el
- HTTP状态码大全
dcj3sjt126com
http状态码
完整的 HTTP 1.1规范说明书来自于RFC 2616，你可以在http://www.talentdigger.cn/home/link.php?url=d3d3LnJmYy1lZGl0b3Iub3JnLw%3D%3D在线查阅。HTTP 1.1的状态码被标记为新特性，因为许多浏览器只支持 HTTP 1.0。你应只把状态码发送给支持 HTTP 1.1的客户端，支持协议版本可以通过调用request
- asihttprequest上传图片
dcj3sjt126com
ASIHTTPRequest
NSURL *url =@"yourURL";
ASIFormDataRequest*currentRequest =[ASIFormDataRequest requestWithURL:url];
[currentRequest setPostFormat:ASIMultipartFormDataPostFormat];[currentRequest se
- C语言中，关键字static的作用
e200702084
C++cC#
在C语言中，关键字static有三个明显的作用：
1)在函数体，局部的static变量。生存期为程序的整个生命周期，（它存活多长时间）；作用域却在函数体内（它在什么地方能被访问（空间））。
一个被声明为静态的变量在这一函数被调用过程中维持其值不变。因为它分配在静态存储区，函数调用结束后并不释放单元，但是在其它的作用域的无法访问。当再次调用这个函数时，这个局部的静态变量还存活，而且用在它的访
- win7/8使用curl
geeksun
win7
1. WIN7/8下要使用curl，需要下载curl-7.20.0-win64-ssl-sspi.zip和Win64OpenSSL_Light-1_0_2d.exe。 下载地址：
http://curl.haxx.se/download.html 请选择不带SSL的版本，否则还需要安装SSL的支持包 2. 可以给Windows增加c
- Creating a Shared Repository; Users Sharing The Repository
hongtoushizi
git
转载自：
http://www.gitguys.com/topics/creating-a-shared-repository-users-sharing-the-repository/ Commands discussed in this section:
git init –bare
git clone
git remote
git pull
git p
- Java实现字符串反转的8种或9种方法
Josh_Persistence
异或反转递归反转二分交换反转java字符串反转栈反转
注：对于第7种使用异或的方式来实现字符串的反转，如果不太看得明白的，可以参照另一篇博客：
http://josh-persistence.iteye.com/blog/2205768
/**
*
*/
package com.wsheng.aggregator.algorithm.string;
import java.util.Stack;
/**
- 代码实现任意容量倒水问题
home198979
PHP算法倒水
形象化设计模式实战 HELLO!架构 redis命令源码解析
倒水问题：有两个杯子，一个A升，一个B升，水有无限多，现要求利用这两杯子装C
- Druid datasource
zhb8015
druid
推荐大家使用数据库连接池 DruidDataSource. http://code.alibabatech.com/wiki/display/Druid/DruidDataSource DruidDataSource经过阿里巴巴数百个应用一年多生产环境运行验证，稳定可靠。 它最重要的特点是：监控、扩展和性能。 下载和Maven配置看这里： http
- 两种启动监听器ApplicationListener和ServletContextListener
spjich
javaspring框架
引言:有时候需要在项目初始化的时候进行一系列工作，比如初始化一个线程池，初始化配置文件，初始化缓存等等，这时候就需要用到启动监听器，下面分别介绍一下两种常用的项目启动监听器
ServletContextListener
特点: 依赖于sevlet容器，需要配置web.xml
使用方法:
public class StartListener implements
- JavaScript Rounding Methods of the Math object
何不笑
JavaScriptMath
The next group of methods has to do with rounding decimal values into integers. Three methods — Math.ceil(), Math.floor(), and Math.round() — handle rounding in differen
