小程序一个按钮如何绑定两种事件

小程序一个按钮如何绑定两种事件,第1张

1、打开开发者工具,新建一个页面,并创建页面元素。

2、使用bindtap属性给按钮绑定点击事件

3、打开JS文件,添加点击后,执行的方法函数。

4、点击一下绑定了事件的按钮。

5、点击后,可以看到,控制台输出!说明成功。

<script type="text/javascript" src="../js/jquery-1.12.4.min.js"></script>

   <script type="text/javascript">

      $(function(){

         // $('#btn').click(function () {

         //只能绑定click事件

         // })

         $('#btn').bind('click mouseover',function () {

            alert('hello')//鼠标移入d出hello

            //绑定多个事件  绑定click事件和mouseover事件

            $(this).unbind('mouseover')

            //解除绑定事件

          //解除绑定事件

         })

      })

   </script>

<body>

   <input type="button" value="按钮" id="btn">

</body>

自定义事件

$(function(){

      //自定义事件只能使用bind的方式进行绑定

      //通过trigger来触发

      $('#btn1').bind('hello',function () {

         alert('hello!')

})

      $('#btn2').click(function () {

         $('#btn1').trigger('hello')

})//点击按钮2时'hello'会被trigg触发

      $('#btn1').trigger('hello')

}) //直接触发

<input type="button" value="按钮" id="btn1">

<input type="button" value="按钮" id="btn2">


欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/bake/11893653.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-05-19
下一篇 2023-05-19

发表评论

登录后才能评论

评论列表(0条)

保存