jquery JavaScript如何監聽button事件

下面的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>

監聽之后, 就可以進行相應的操作啦!