jquery下关于input和label的关于点击事件的坑

jquery:为动态加载的元素添加点击事件

jquery:为动态加载的元素添加点击事件最近在做项目的时候遇到了这样一个问题,给用ajax动态加载出来的内容添加点击事件,但是怎么都触发不了,经过查询试验总结出正确的写法在jquery1.7之前的版本中用的是live()方法,但是live()方法在1.7中已经不建议使用,1.9中删除了这个方法 live()方法适用于匹配选择器的当前及未来的元素(例如有脚本创建的新元素) 重点是自jquery1.7版本起,on()方法是bind().live().delegate()方法的新的替代品 on(…

jquery无法为动态生成的元素添加点击事件的解决方法

遇到 jquery无法为动态生成的元素添加点击事件,谷歌一下,整理一下解决方法如下: (<li>中间的元素是动态生成的), 现在想为<i>添加点击事件, 例子如下: <div> <ul> <li> <span> <i class='icon'>这是元素内容</i> //i是动态生成 </span> </li> </ul> </div> 解决方法如下: $(docu…

jQuery如何判断input元素是否获得焦点(点击编辑时)

问题提出如果你要判断input元素是否获得焦点,或者是否处在活动编辑状态,使用jQuery的 hasFocus() 方法或 is(':focus') 方法貌似都无效!搜索网上给出的办法,几乎净是采用上述处理方法,然并卵,都是扯淡! 我的解决办法监听点击事件,判断当前活动元素的id,参考代码如下. $("#myinp").click(function(){ if(document.activeElement.id==="myinp" ){ alert("…

label 两次点击事件冒泡使用时间戳的解决方案

情况描述:在页面中input 和 label 通过for banding 然后点击input 或者label的时候都要执行一个方法但是在点击label的时候有两次执行两次的情况,及监听到的click---事件冒泡. 解决方案:1:不用label 2:解决它这里提供一种时间戳的解决方案页面HTML: <span onclick="checkremark(this)"> <input type="checkbox" id="chec…

[Android]通过adb shell input上报命令模拟屏幕点击事件【转】

本文转载自:http://blog.csdn.net/yuanzihui/article/details/52871652 常用的 input上报命令: input text 1234 实际向界面注入1234文字,有输入框,能明显看到效果 input keyevent 4 键盘事件,4 为返回 input tap 100 300 单击触屏事件 ,模拟点击x=100 y = 300 位置 input swipe 100 300 500 300 触屏滑动事件,模拟滑动,从x =100 y = 300…

TextView下划线，部分文字并响应点击事件(SpannableString)

TextView useInfo = (TextView) findViewById(R.id.info); useInfo.setText("开始即表示您同意遵守"); String url_0_text = "用户协议及隐私条款"; SpannableString spStr = new SpannableString(url_0_text); spStr.setSpan(new ClickableSpan() { @Override public void u…

JQuery 动态加载 HTML 元素时绑定点击事件无效问题

问题描述假设项目中有一个列表页面,如下: 当点击列表一行数据可以显示详情页面,而详情页面的数据是根据当前行的数据作为参数,通过 ajax 请求到后台返回的数据,再根据返回的结果动态生成 html 页面,如下: 但是,在动态生成的 html 页面中绑定点击事件运行无效问题分析在动态生成的 html 页面中绑定点击事件运行无效的原因,是因为这些动态加载的 html 页面(图二),是在列表数据页面(图一)的 html 元素.css.js 代码加载完后,再添加的 html 元素. 在浏览器解析到图…

在循环中如何取input的值和增加点击事件

{volist name="dianpu" id="dianpu"} <input style="border: none;" readonly name="guanzhu" data_value="{$dianpu.is_guanzhu}" data_zhi="{$dianpu.shopId}" value="{$dianpu.shopId}{$dianpu.is_gu…

Angular输入框内按下回车会触发其它button的点击事件的解决方法

方法:给button按钮添加type=“botton”属性…

关于label的点击事件(原创)

通常做网页时不会用radio和checkbox的原有样式,通常会进行样式美化,手机端我用的jqurey weui框架,他的原理是这样的: <label class="check_label" for="sort_4"> <input type="radio" class="weui_check" name="sort" id="sort_4"> <i cla…

jquery模拟点击事件

在某些情况下,我们需要自动执行一些点击事件.比如:一些 tab 一般是通过点击事件来加载不同的数据内容. 而如果要页面加载完直接显示第三个 tab,怎么办呢?此时就需要用到 jQuery 的模拟点击事件. 要用到 jQuery 的 trigger 方法. 如: $('#btn').trigger("click"); 会自动执行 id 为 btn 的 click 事件.还可以写成: $('#btn').click(); trigger() 方法不仅可以触发浏览器支持的同名事件,还可以支持…

jquery为动态添加元素绑定点击事件

on()方法添加的事件处理程序适用于当前及未来的元素(比如由脚本创建的新元素) $("#mainbody").on("click",".link",function(){ }); on前面的这个#mainbody一定要是html中存在的,静态的,否则点击事件触发不了 ".link"是动态加载出来的内容,它的class=".link" on方法在什么条件下都是成立的用jquery:为动态加载的元素添加点击事…

JS实现按下按键触发点击事件

<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>JS实现按下按键触发点击事件</title> </head> <body> <h3>按下 Enter 触发按钮点击事件</h3> <p>选中输入框,然后按下"Enter" 就会触发按钮的点击事件.</p>…

Qt:添加点击事件的Label并显示图片

1.给label添加点击事件 Qt中原本的label是没有点击事件的,如果想添加点击事件的话,可以继承QLabel类并重载鼠标事件(比如mousePressedEvent),然后在鼠标事件中发送一个信号,具体如下: // clicklabel.h #ifndef CLICKEDLABEL_H #define CLICKEDLABEL_H #include <QWidget> #include <QLabel> class ClickedLabel : public QLabel {…

jquery下选择器整理

jQuery 的选择器可谓之强大无比,这里简单地总结一下常用的元素查找方法 $("#myELement") 选择id值等于myElement的元素,id值不能重复在文档中只能有一个id值是myElement所以得到的是唯一的元素 $("div") 选择所有的div标签元素,返回div元素数组 $(".myClass") 选择使用myClass类的css的所有元素 $("*") 选择文档中的所有的元素,可以运用多种的选择方式进行…

jquery 下拉框收藏

jquery 下拉框 Query获取Select选择的Text和Value: 语法解释: 1. $("#select_id").change(function(){//code...}); //为Select添加事件,当选择其中一项时触发 2. var checkText=$("#select_id").find("option:selected").text(); //获取Select选择的Text 3. var checkValue=…

label标签内含有input元素，点击事件会触发两次

**label标签内含有input元素,点击事件会触发两次** 如果你的结构是label内写input实现点击文字时候input也有相应.并且,把事件设置在了label上,那么就会执行两次了. //html: <label class="first"><input type="checkbox"/>第一</label> <br/> <label class="second"><sp…

带搜索框的jQuery下拉框插件

由于下拉框的条数有几十个,于是打算找一个可以搜索查找功能的下拉框,刚开始在网上看了几个,都是有浏览器兼容性问题,后来看到这个“带搜索框的jQuery下拉框美化插件 searchable”,看演示代码简单易用,支持多个浏览器. 不过在使用过程中碰到了几个问题,先后解决了. 1.多个下拉框放在一起会出现遮挡的问题,原文评论有个解决方法: 在jquery.searchableSelect.js文件里面的代码里面加上下面2行带注释的代码 show: function() { this.dropdown.…

前端开发 - JQuery - 下

二十五.jquery的事件 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>jquery的事件</title> </head> <body> <!-- https://www.processon.com/view/link/5ad1c48de4b0b74a6dd65426 j…

自制Jquery下拉框插件

(function ($) { $.fn.select3 = function (option) { $(this).each(function () { var _this = $(this); var isInit = _this.prev('div').hasClass('select3-parent'); if(isInit){ _this.prev('div.select3-parent ').remove();//清空之前的组件 } var _default = { classNam…

验证码输入自动聚焦下一个input或者删除自动聚焦上一个input

<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>验证码输入自动聚焦下一个input或者删除自动聚焦上一个input</title> </head> <style type="text/css"> body{ background-color: #E6E6FA; } .center{ display:…

input 设置 display:none后 jquery无法给input赋值

问题出现场景:为什么要用 jquery给input赋值,为什么input带有display:none 在做字典查询的时候,查询参数有字典类型的treeSelect 下拉框,treeSelect渲染后,会自动给input加上display:none,(此时input type属性是text)选中后会给input加上value,但是重置按钮无法清空这个value,只能把选中状态变成请选择,由于value还是存在的,所以没选择的时候查询就不对劲了,那我要重置的时候把value改为0,即请选择的时候查询…

可控制导航下拉方向的jQuery下拉菜单代码

效果:http://hovertree.com/texiao/nav/1/ 代码如下: <!DOCTYPE html> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>可控制导航下拉方向的jQuery下拉菜单代码 - 何问起</title> <base ta…

FancySelect – 更好用的 jQuery 下拉选择框插件

FancySelect 这款插件是 Web 开发中下拉框功能的一个更好的选择.FancySelect 使用方便,只要绑定页面上的任何 Select 元素,并调用就 .fancySelect() 就可以了.默认情况下,FancySelect 在移动设备上使用原生的选择功能和风格. 您可能感兴趣的相关文章 Chance – 功能强大的 JavaScript 随机数生成类库 Manifesto – HTML5 离线应用程序缓存校验工具 Codrops 教程:基于 CSS3 的全屏网页过渡特效 Zoom…

jQuery下拉友情链接美化效果代码分享

这篇文章主要介绍了jQuery下拉友情链接美化效果,很实用的代码,推荐给大家,有需要的小伙伴可以参考下. 文实例讲述了jQuery下拉友情链接美化效果,jQuery下拉友情链接美化代码是一款基于jQuery实现的下拉美化特效,分享给大家供大家参考.具体如下:运行效果图: 小提示:浏览器中如果不能正常运行,可以尝试切换浏览模式.为大家分享的jQuery下拉友情链接美化效果代码如下 <head> <meta http-equiv="Content-Type" conten…

20款jquery下拉导航菜单特效代码分享

20款jquery下拉导航菜单特效代码分享 jquery仿京东商城左侧分类导航下拉菜单代码 jQuery企业网站下拉导航菜单代码 jQuery css3黑色的多级导航菜单下拉列表代码 jquery响应式导航菜单支持手机导航菜单代码 jquery鼠标导航下滑显示图片列表效果 jQuery个性动画二级下拉导航代码 jquery网站下拉菜单制作企业网站导航菜单代码 jQuery游戏网站顶部滑动导航菜单代码 jquery.superfish.js导航菜单插件制作网页无限级下拉菜单代码 jquery ho…