一个按钮执行多个事件

最新推荐文章于 2023-03-03 11:39:30 发布
最新推荐文章于 2023-03-03 11:39:30 发布
阅读量1k 收藏
点赞数
分类专栏： jQuery 文章标签： 多个事件 html jQuery
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/u012744267/article/details/42169371
版权
//一个按钮执行多个事件
$(function(){
    $("button").on("click",hide_fun);
});

//执行事件
function hide_fun(){
    $("p").hide();
    $(this).text("显示");
    show_hide(hide_fun,show_fun);
}
function show_fun(){
    $("p").show();
    $(this).text("影藏");
    show_hide(show_fun,hide_fun);

}


//    @show_f 解除绑定事件
//    @hide_f 绑定当前事件

function show_hide(show_f,hide_f){
    $("button").off("click",show_f);
    $("button").on("click",hide_f);

}


//html代码

<body>
    <p>影藏显示</p>
    <button>影藏</button>
</body>


/*

*   +++   

*/
Fatty灬
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
一个按钮触发多个事件
shiyani2012year的专栏
03-03 1215
只局限于就绪处理器函数体中 实现代码： $(document).ready(function() { $('#btntest') .bind('click',function(){ alert("第一个事件"); })
javascript实现一个按钮绑定多个事件
m0_71912711的博客
03-30 2190
javascript实现一个按钮绑定多个事件，实现点击一个按钮实现多个隐藏文字的同时出现和隐藏通过两种方法实现一个按钮绑定多个事件，实现点击一个按钮实现多个隐藏文字的同时出现和隐藏。
同一个按钮想绑定多个事件的方法
m0_52946104的博客
09-21 1661
ie8 以下，和ie8 以上，this 分别指向window和当前调用对象的问题
同一个按钮绑定多个事件_JavaScript绑定/解绑事件兼容代码
weixin_39569076的博客
12-01 802
建议用电脑看比较舒服一点。为元素绑定事件(DOM)除了用对象.onclick=fn这类的方式（这种方式无法绑定多个事件，如果写了多个事件则会发生覆盖），还有： 1 对象.addEventListener("事件类型",事件处理函数,false)--谷歌、火狐和IE9、10、11支持,IE8不支持 2 对象.attachEvent("有on的事件类型",事件处理函数)--谷歌不支持,火狐不支...
JS 为按钮绑定多个点击事件（兼容性代码）
夏沐的博客
01-22 1万+
为元素绑定事件(DOM):一种,但是不兼容,有两种     1 对象.addEventListener("事件类型",事件处理函数,false);--谷歌和火狐支持,IE8不支持     2 对象.attachEvent("有on的事件类型",事件处理函数)--谷歌不支持,火狐不支持,IE8支持 &lt;!DOCTYPE html&gt; &lt;html lang="en"&gt; &l...
window.addEventListener来解决让一个js事件执行多个函数
10-27
当需要一个事件触发时执行多个函数，单纯地使用`window.onload`或元素的`onclick`等事件处理方式可能会遇到问题，特别是在需要同时处理多个事件处理器时。这时，`window.attachEvent`和`window.addEventListener`就...
javascript 一个函数对同一元素的多个事件响应
10-29
接下来，将`handlerTest`函数分别赋值给`testButton`的`onclick`和`onmouseover`属性，这样就为按钮绑定了两个事件处理函数，一个用于点击事件，一个用于鼠标悬停事件。HTML部分的代码创建了一个带有ID`testButton`...
一个按钮在多个窗体中移动
04-09
在Windows Forms（WinForms）开发中，经常需要实现控件在不同窗体间移动或共享的功能，例如，一个按钮可以在多个窗体之间显示并执行相同的操作。本示例以C#编程语言为背景，探讨如何实现一个按钮在多个窗体间移动的...
多个按钮共用一个事件（VBA）
01-13
本教程将详细讲解如何实现多个按钮共享同一个事件，并通过一个实际的小例子——Book1.xls来具体说明。 首先，我们要了解在VBA中，按钮对象（CommandButton）的事件是通过在对应的模块中编写事件过程来实现的。最...
易语言源码任意多按钮执行同一个子程序.rar
03-30
易语言源码任意多按钮执行同一个子程序.rar 易语言源码任意多按钮执行同一个子程序.rar 易语言源码任意多按钮执行同一个子程序.rar 易语言源码任意多按钮执行同一个子程序.rar 易语言源码任意多按钮执行同一个子...
button多个事件处理
hakunamatata2008的专栏
07-08 704
有时候需要一个button按钮，点击跳到别的页面，又不想多写js代码，如下代码可以实现：1.如果让本页转向新的页面则用：button onclick="window.location.href(连接)"> 2.如果需要打开一个新的页面进行转向，则用：button onclick="window.open(连接)">button value=刷新 onclick="window.
原生js给一个按钮绑定两个onclick事件
qq_44697315的博客
03-03 2719
原生js给一个按钮绑定两个onclick事件
一个按钮两个功能（开始/暂停）
bb4903052的专栏
10-10 1万+
ps：在上一篇文章的基础上，实现功能。 软件 vs2010 语言 c# 控件 timer & 两个picturebox（手动添加图片进去） 源代码：
如何利用一个按钮绑定两个事件
jrrfgj的博客
11-14 8304
如何利用一个按钮绑定两个事件
js：按钮绑定多个事件的三种方法（js，DOM，jQuery）
qq_52824207的博客
04-27 7384
1.js可以直接通过通过button的onclick添加多个函数来绑定多个事件。 2.DOM可以通过事件监听函数addEventListener绑定事件。 3.Jquery可以通过click方法来绑定事件。 完整代码： <!DOCTYPE html> <html lang="en"> <head> <title>按钮绑定多个事件</title> <meta charset="utf-8"&gt
如何为一个按钮(View)设置任意多次点击事件以及可以同时响应多个多次点击事件...
weixin_33881041的博客
06-28 866
2019独角兽企业重金招聘Python工程师标准>>> ...
一个按钮触发两个事件
热门推荐
肖肖肖丽珠的博客
12-31 2万+
点击一个按钮 分别触发两个事件 点击 点击第一次的时候  $("button").click(function(){   $("p").css({"background-color":"red","font-size":"200%"});   }); 在点击第二次的时候  $("button").click(function(){   $("p").css({"displa
一个按钮设置多个点击事件会怎么执行
xxy41092的博客
08-28 1789
昨晚狗东的笔试题，问安卓给一个控件设置多个点击事件会走哪里 亲手试了一下 val button=findViewById<Button>(R.id.button) button.setOnClickListener { Toast.makeText(this,"666",Toast.LENGTH_SHORT).show() Log.d("tzx", "666: ") } button.
wxpython一个按钮响应多个事件
最新发布
09-03
### 回答1： 在wxPython中，可以使用按钮的绑定方法（Bind）来实现一个按钮响应多个事件。 首先，您需要创建一个按钮并将其绑定到一个事件处理函数。例如： ``` import wx class MyFrame(wx.Frame): def __init__(self, parent): wx.Frame.__init__(self, parent, title="My App") panel = wx.Panel(self) button = wx.Button(panel, label="Click me") button.Bind(wx.EVT_BUTTON, self.on_button_click) self.Show() def on_button_click(self, event): print("Button clicked!") ``` 然后，您可以在事件处理函数中编写代码来处理多个事件。例如： ``` def on_button_click(self, event): if condition1: # handle event 1 elif condition2: # handle event 2 else: # handle default event ``` 在这个例子中，当按钮被点击时，它将调用on_button_click方法，并检查条件以确定应该如何处理事件。您可以根据需要添加任意数量的条件和事件处理程序。 ### 回答2： 在wxPython中，可以通过给按钮绑定多个事件处理器函数来实现一个按钮响应多个事件。 首先，我们可以创建一个按钮对象，例如button = wx.Button(panel, label="按钮")，其中panel表示按钮所在的父级面板。 然后，我们可以定义一个事件处理函数event_handler1和event_handler2来分别处理第一个和第二个事件。例如： def event_handler1(event): print("按钮被点击了") def event_handler2(event): print("按钮被右键点击了") 接下来，我们可以使用按钮对象的Bind()方法来将事件处理函数与相应的事件类型进行绑定。例如： button.Bind(wx.EVT_BUTTON, event_handler1) # 绑定按钮点击事件 button.Bind(wx.EVT_RIGHT_UP, event_handler2) # 绑定按钮右键点击事件 这样，当按钮被点击时，event_handler1函数会被调用，并输出"按钮被点击了"；当按钮被右键点击时，event_handler2函数会被调用，并输出"按钮被右键点击了"。 通过这种方法，我们就可以实现一个按钮响应多个事件了。当然，你也可以绑定更多的事件处理函数来响应不同的事件。 ### 回答3： 在wxPython中，一个按钮可以响应多个事件。要实现这个功能，可以通过绑定不同的事件处理器来实现。首先，我们需要创建一个按钮： ```python import wx class MyFrame(wx.Frame): def __init__(self): wx.Frame.__init__(self, None, title="Button Event Demo") panel = wx.Panel(self) button = wx.Button(panel, label="Click Me") button.Bind(wx.EVT_BUTTON, self.on_button_click) button.Bind(wx.EVT_RIGHT_UP, self.on_button_right_click) button.Bind(wx.EVT_ENTER_WINDOW, self.on_button_enter) sizer = wx.BoxSizer(wx.VERTICAL) sizer.Add(button, 0, wx.ALL, 20) panel.SetSizer(sizer) def on_button_click(self, event): print("Button Clicked") def on_button_right_click(self, event): print("Button Right Clicked") def on_button_enter(self, event): print("Mouse Entered Button") app = wx.App() frame = MyFrame() frame.Show() app.MainLoop() ``` 在上述代码中，我们创建了一个`MyFrame`类，继承自`wx.Frame`。在构造函数中，我们创建了一个面板(panel)和一个按钮(button)。然后，我们通过`Bind`方法绑定了三个不同的事件处理器： - `wx.EVT_BUTTON`表示按钮被点击的事件 - `wx.EVT_RIGHT_UP`表示鼠标右键点击按钮的事件 - `wx.EVT_ENTER_WINDOW`表示鼠标进入按钮区域的事件 每个事件处理器都有一个名为`event`的参数，可以在函数中通过该参数访问事件的相关信息。在这个例子中，我们只是简单地打印了一些文本，但你可以根据自己的需求在这些事件处理器中添加任何逻辑。 这样，我们就实现了一个按钮响应多个事件的功能。当按钮被点击、被右键点击或鼠标进入按钮区域时，相应的事件处理器将被调用执行相应的逻辑。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值