为什么要用on()而不直接使用clickhttp://stackoverflow.com/questions/10082031/why-use-jquery-on-instead-of-clickhttp://stackoverflow.com/questions/8110934/direct-vs-delegated-jquery-on 有两个好处 使用on()可以为动态生成的元素绑定事件其次 使用on可以只为父元素绑定事件 不需要为子元素都一个一个的绑定 首先需要明白 并不是说动态生成的元素…

大家都知道移动端的click事件会延迟300ms触发,这时大家可以使用zepto的touch模块,里面定义了一个tap事件,通过绑定tap事件,可以实现点击立即触发的功能. 那么,它的tap事件是怎么实现的呢?这是我们要解决的第一个问题. 第二个问题,大家都知道zepto的tap事件会有点透的问题,那么,点透如何出现,点透为什么会出现,点透问题如何解决等,这是我们要解决的第二个问题. 我们先来看tap事件是如何实现的? 查看touch.js代码,在最后的代码中有以下代码: ;['swipe',…

click只能用于html在注册事件之后没有变化的:on用于html在注册事件后,还会通过JS脚本添加一些按钮,并者希望这些按钮也会有之前注册事件的按钮同样的事件话,就需要用on去为按钮的父节点去注册事件,而不应该用click去为按钮直接注册事件. click是点击事件,但是在页面加载完之后,jquery事件新添加的元素,用click的话是无法获取元素的,这个时候要用on去获取元素事件,简单的说页面加载完成时候页面显示的元素可以用on,也可以用click,但是页面加载完成之后后期再追加的元素只能…

移动web风风火火几多年,让我这个在Pc端漂流的前端er不免心生仰慕,的确入行几多年,也该是时候进军移动web了.移动web中踩到的第一个坑就是事件问题,所以在吸取众大神的经验后,特作总结以示后来者. 移动端事件的变化 首先PC端那一堆非常happy的鼠标事件没了,mousedown, mouseup, mousemove, mouseover, mouseout, mouseenter, mouseleave全都没了,click也与之前有所差别.取而代之的是几个原始的事件. -touchsta…

addEvent(type,fn):为DOM元素增加一个事件监听器 removeEvent(type,fn):移除先前为DOM元素添加的事件监听器 eg: var destroy = function(){ alert('Boom: ' + this.id); } // this refers to the Element. $('myElement').addEvent('click', destroy); //later... $('myElement').removeEvent('clic…

移动端click事件300ms延迟 移动端click事件300ms的延迟在目前看来,已经是老生常谈了. 以下内容,我会在参考资源的基础上谈谈我对移动端click事件300ms延迟的一些理解.本人愚昧,如有不足,望浏览指正. 300ms延迟的原因 参考资源有谈到,300ms延迟是因为浏览器要判断用户的操作而规定的.浏览器不知道用户的手指离开屏幕之后是否会再次回到屏幕,还是就此结束触摸事件.为了确定用户接下来的操作,浏览器不得不等待一段时间.而浏览器开发者找到了一个最佳时间间隔,就是300ms. 而…

HTML 1.button标签 在IE中,button标签默认的type是button,而在其他浏览器和W3C标准中button默认的属性都是submit. 所以,在一个form表单中,如果button按钮绑定了一个click事件,用js触发的时候可能会默认把你的表单进行提交,而不是触发click事件绑定的函数. 2.XML文档中的空格和换行 (1)连续的普通空格会被合并成一个空格: (2)空格,回车,制表符都会被当做空格: (3)解析器对<tag>...</tag>中间的字符串做…

"中文编程"知乎专栏原文 第一个issue: Error compiling template if using unicode naming as v-for alias · Issue #6971 · vuejs/vue 多谢尤大搞定, 貌似是把标识符的正则表达式匹配检测去掉了. 经测试已经不再在控制台报警告. 第二个issue: Unicode naming for methods seems unsupported. Some warning will be appreciat…

针对学习react.js中,我感觉最大的疑惑点就是bind(this)的绑定和指向问题了,我被这个问题弄的头昏,有时候调用组件的时候,直接显示undefined,不存在这个组件,当时的心情是崩溃的,整个人的状态是不好的,所以今天要好好学习bind(this)这个问题. 在我们创建一个组件的时候,会在他的父组件调用这个子组件,这是,这个组件的指向就是这个父组件了,但是在子组件内部的一些指向就不能使用了,因为在这个父组件中不存在这个子组件所包含的属性,此时,就需要使用bind(this)来绑定这个子…

JS补充 document也是windows的一个子对象 a标签点击事件 要想设置点击a标签,执行某种方法,推荐在a标签的herf属性使用JavaScript伪协议,实现点击之后执行的js方法,而不是设置click 例如: alertwin()是一个方法 <a href="javascript:alertwin()">hello</a> windows对象对话框 windows自带的几个弹出对话框方法 可输入内容的对话框 alert(message) 只含确定按…