如何利用一个按钮绑定两个事件
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>（1）初始化
（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> <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>
（1）初始化
（2）点击按钮
版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 dio@foxmail.com 举报，一经查实，本站将立刻删除。
