【关于layer的基本所有的事件全部失效问题】的更多相关文章

关于layer的基本所有的事件全部失效问题

只要在页面中,要是存在id="undefined", layer的基本所有的事件全部失效. <input type="radio" id="undefined" name="test" /> 在js中,写layer.alert()等一大堆事件都不能用.…

原生andriod浏览器回退后dom（click）事件全体失效问题探究

问题描述 今天同事遇到一个神一样的BUG: 在原生浏览器下,为dom元素绑定一个click事件,其中有个a标签外链,点击a后进入其他页面,点击浏览器后退后,页面点击事件全体失效! 我于是用ios测了下没事,用andriod其他浏览器试了下也没事,就是原生的有问题,怀疑是特定的手机有问题,又陆续换了几台,发现原生的都有问题 于是便开始找解决方案,下面就来聊下今天的漫长之路,这里先给会出问题的代码: <!DOCTYPE html> <html> <head> <met…

关于IOS下click事件委托失效的解决方案

一.由于某些特殊情况下,需要用到事件委托,比如给动态创建的DOM绑定click事件,这里就需要事件委托(这里就牵扯到:目标元素和代理元素)目标元素:动态创建的元素,最终click事件需要绑定到该元素 代理元素:动态创建的元素的父级元素,或者document,body等. 二.BUG情况 当使用事件委托给[目标元素]添加 click 事件时,如果[代理元素]是 document或body,并且[目标元素]是默认不可点击的(如 div, span 等),此时click事件会失效.如果[目标元素]是可…

layer.alert自定义关闭回调事件

在项目应用中,遇到自定义关闭layer.alert弹出层,即在关闭layer.alert时,可以自动触发关闭时的事件, 具体方法为: layer.alert('爱心提示!', function(){ 自定义关闭时调用的事件}); 即在layer弹出时,点击关闭按钮,就会自动调用回调事件, 应用实例: layer.alert('发布失败!', function(){var index = parent.layer.getFrameIndex(window.name); //先得到当前iframe层…

深入React事件系统(React点击空白部分隐藏弹出层；React阻止事件冒泡失效)

只关注括号内问题的同学,可直接跳转到蓝字部分.(标题起的有点大,其实只讨论一个问题) 两个在React组件上绑定的事件,产生冲突后,使用e.stopPropagation(),阻止冒泡,即可防止事件冲突,毫无问题. 今天是踩了个React事件的坑,需求可以简化为:点击框体以外的部分则隐藏框体.最直接的想法,document上绑定个事件,设置控制显示隐藏的state为false,在框体上绑定个事件,阻止冒泡.这样点击框体内部就不会触发document上的事件. 等写完了,发现一个问题,无法阻止冒泡…

div的onclick事件怎么失效了？

1 前言 div是用拼接复制到另一个个div上,div的onclick事件中方法名为close,导致onclick=“close()” 触发不了,然后换了名称就可以了 2 代码 <!DOCTYPE html> <html> <head> <title>test</title> </head> <body> <div id="open"></div> <div id=&quo…

JQ动态生成的元素，原事件绑定失效

Old Code: $('code').click(function () { console.log($(this).text()); }); New Code:(.container 是<code>所在的div) $('.container').on("click", "code", function () { console.log($(this).text()); }); 之前只是知道官方推荐使用on来生成事件,并不知道其好处,这次知道了 话说,…

Jquery 在ios上事件委托失效

点击通过js遍历出来的列表,跳转页面.点击事件委托在document上, 像这样: $(document).on("click",".nav",function(){  }) 在web和Android上度没问题,能够正常跳转.但是在ios上点击没有任何反应.原因是:ios上事件委托不能绑定在document和ios上,应该绑定在它的其它父级元素上 $.each(dataall,function(i,item){ str += '<div class="…

页面dom事件防止失效的一种写法

经常我们写事件是这样的 $('.day').on('click', function () { some(); }); 但是这样在spa模式下经常容易出现页面切换后事件失效的问题, 可以采用这样的写法: $(document).on("click", ".day", function () { some(); }); 这种方法可以一直监听dom中对应的元素事件.不会出现页面前进后者后退之后dom失效的情况…

DOM变化后事件绑定失效

第一个file在change时,是能够触发事件的,而第二插入的file则没有change事件.对于这个问题,有如下两种解决方法: 第一种是将绑定change事件封装成一个函数,在点击button按钮插入file控件之后,调用这个函数.如下: <script type="text/javascript"> $(function(){ function fileChange(){ $('input[type ="file"]').change(functio…