绑定两个事件"/>
如何利用一个按钮绑定两个事件
分享一下我老师大神的人工智能教程！零基础，通俗易懂！
也欢迎大家转载本篇文章。分享知识，造福人民，实现我们中华民族伟大复兴！
如何利用一个按钮绑定两个事件
1、问题背景
一个按钮绑定两个点击事件，但是只有一个事件起作用，另一个不起作用
2、实现源码
<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title>如何利用一个按钮绑定两个事件</title> <script src="../js/jquery-3.1.0.js"></script> <script> $(document).ready(function(){ $("#searchBtn").click(function(){ $("#username").val(""); }); $("#searchBtn").off().on("click",function(){ $("#password").val(""); }); }); </script> </head> <body> <div> <input type="button" id="searchBtn" value="查询" style="width: 204px;"/><br><br> <input type="text" id="username" style="width: 200px;"/><br><br> <input type="text" id="password" style="width: 200px;"/> </div> </body></html>（2）点击按钮
3、问题说明
由于绑定第一个事件时，绑定第二个事件用到off()方法，这样就会将第一个事件给解除了，所以只有第二个事件起到作用
<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title>如何利用一个按钮绑定两个事件</title> <script src="../js/jquery-3.1.0.js"></script> <script> $(document).ready(function(){ $("#searchBtn").click(function(){ $("#username").val(""); }); $("#searchBtn").on("click",function(){ $("#password").val(""); }); }); </script> </head更多推荐
如何利用一个按钮绑定两个事件
发布评论