重庆分公司,新征程启航
为企业提供网站建设、域名注册、服务器等服务
直接使用click事件是不起作用的,我平常使用的两种方法
成都创新互联公司网站建设公司是一家服务多年做网站建设策划设计制作的公司,为广大用户提供了网站设计制作、成都网站设计,成都网站设计,广告投放,成都做网站选成都创新互联公司,贴合企业需求,高性价比,满足客户不同层次的需求一站式服务欢迎致电。
1、on事件
var html1='';
html1 +=`div
button type="button" class="btn btn-primary sure btn-mian" onclick="sure()"确认提交/button
button type="button" class="btn btn-default " data-dismiss="modal"暂不提交/button
/div`
$('.modal-footer').append(html1);
$('div').on('click','.sure',function(){console.log("+++");});
2、onclick事件
var html1='';
html1 +=`div
button type="button" class="btn btn-primary sure btn-mian" onclick="sure()"确认提交/button
button type="button" class="btn btn-default " data-dismiss="modal"暂不提交/button
/div`
$('.modal-footer').append(html1);
functionsure(){console.logO("===");}
需要获取到div这个元素,可以通过id,class等等方式得到,比如说div的id为"div1",那么就可以这么写了。$('#div1').click(function(){//这里面就是click事件的内容了});
不是有个构造函数extend么,可以自行添加方法。如:
//给对象添加新的方法。
function extend(object, data){
for(var key in data){
object[key] = data[key];
}
return object;
}再或者用原生JS给web元素绑定事件
//绑定事件
function addEvent(el,evname,func){
if(el.attachEvent){
el.attachEvent("on"+evname,func);
}else if(el.addEventListener){
el.addEventListener(evname,func,true);
}else{
el["on"+evname]=func;
}
}//解除绑定
function delEvent(el,evname,func){
if(el.removeEventListener){
el.removeEventListener(evname,func,false);
}else if(el.detachEvent){
el.detachEvent("on"+evname,func);
}else{
el["on"+evname]=null;
}
}
有2种方法:
最简单的方法就是直接在标签中写onclick="",但是这样写其实是有点low的,
第二种方式是通过给类名绑定一个事件。
p id="pLabel"新加一条/p
ul id="ulLabel"
li class="liLabel"aaa1/li
li class="liLabel"aaa2/li
li class="liLabel"aaa3/li
/ul
script type="text/javascript"
$("#pLabel").click(function(){
$("#ulLabel").append('li class="liLabel"aaaQ/li'); //动态像ul的末尾追加一个新元素
});
/script
方法一:使用live
live()函数会给被选的元素绑定上一个或者多个事件处理程序,并且规定当这些事件发生时运行的函数。通过live()函数适用于匹配选择器的当前及未来的元素。比如,通过脚本动态创建的元素。
$('.liLabel').live('click', function(){
alert('OK');
});
方法二:使用on
可以通过on方法绑定事件,可以绑定到它的父级或者body中,实现如下:
$("#ulLabel").on('click','.liLabel',function(){
alert('OK')
});
或者:
$("body").on('click','.liLabel',function(){
alert('OK')
});
注意绑定的事件,需要绑定在父元素。
1、新建一个静态页面bind.html,并引入jquery核心文件。
2、在body/body标签中,插入一个button按钮,添加id属性值。
3、在script/script标签中,添加按钮点击事件,利用on()方法绑定。
4、保存代码并运行项目,打开浏览器查看界面效果,点击按钮查看控制台。
5、将on()方法改为bind()方法,然后保存代码,点击按钮查看打印结果。
6、在jQuery3.0以下版本中,可以使用delegate()方法绑定点击事件。
7、除了上述之外,还有live()方法,不过这个方法jQuery1.7后就被废弃了。
首先要给图片添加一个Id,之后在jquery中写如下代码:
$("#图片ID").click(function(){
alert("aa”);
});
或者
$("#图片ID").bind("click",function(){
alert("aa");
});
扩展资料:
Click 事件实际应用:
此事件是在一个对象上按下然后释放一个鼠标按钮时发生。它也会发生在一个控件的值改变时。
对一个 Form 对象来说,该事件是在单击一个空白区或一个无效控件时发生。对一个控件来说,这类事件的发生是当: 用鼠标的左键或右键单击一个控件。对 CheckBox, CommandButton, Listbox 或 OptionButton 控件来说,Click 事件仅当单击鼠标左键时发生。
通过按下箭头键或者单击鼠标按钮,对 ComboBox 或 ListBox 控件中的项目进行选择。
当 CommandButton,OptionButton 或 CheckBox 控件具有焦点时,按下 SPACEBAR 键。
当窗体带有其 Default 属性设置为 True 的 CommandButton 控件时,按下 ENTER 键。
当窗体带有一个 Cancel 按钮 — 其 Cancel 属性设置为 True 的 CommandButton 控件时,按下 ESC 键。
对控件按下一个访问键。例如,如果一个 CommandButton 控件的标题是 "Go",则按下 ALT+G 键可触发该事件。 也可在代码中触发 Click 事件,通过: 将一个 CommandButton 控件的 Value 属性设置为 True。
将一个 OptionButton 控件的 Value 属性设置为 True。
改变一个 CheckBox 控件的 Value 属性的设置。
参考资料来源:百度百科:Click事件
可以先给div标签设置id,然后给这个id绑定点击事件。
1、新建html文档,在body标签中添加一个div标签,为div标签设置一个id,这里以“demo”为例:
2、在head标签中引入jquery的js文件,这时可以使用cdn链接:
3、添加script标签,在script标签中绑定“demo”,然后使用click函数为div标签绑定点击事件: