jquery JavaScript如何监听button事件

时间:2024-03-06 19:11:51

下面的html页面中有两个按钮

        <div class="layui-tab-item layui-show">
            <form class="layui-form" action="" lay-filter="demo3">
                <label class="layui-form-label">交易结果</label>
                <div class="layui-input-block">
                    <textarea placeholder="请输入内容" class="layui-textarea" style="color:red;font-size:larger;">交易成功!</textarea>
                </div>
                <button type="reset" class="layui-btn layui-btn-primary">返回修改</button>
                <button type="reset" class="layui-btn layui-btn-normal" >返回主页</button>
            </form>
        </div>

下面就是JQuery的按钮监听代码

<script>
    $(function(){
        $(".layui-btn-primary").click(function() {
            console.log("button返回修改被点击了")
            window.location.href="http://localhost:8081/html/fund-purchase2.html"
        })
        $(".layui-btn-normal").click(function() {
            console.log("button返回修改被点击了")
            window.location.href="http://localhost:8081/html/user_main.html"
        })
    } )
</script>

监听之后, 就可以进行相应的操作啦!