触发器 · JavaScript

## trigger 让一个元素事件在另一个元素中调用. ``` <body> <input type="button" value="绑定" id="btn1"> <input type="button" value="解绑" id="btn2"> <div id="box"></div> <script> $(function () { $('#btn1').click(function () { $(this).css('backgroundColor', 'red'); }); $('#btn2').click(function () { //第一种方式 $('#btn1').click(); //第二种 $('#btn1').trigger('click'); //第三种 $('#btn1').triggerHandler('click'); }) }) </script> ``` ## 触发事件默认行为 ``` <body> <input type="button" value="触发" id="btn"> <input type="text" id="txt"> <span id="sp"></span> <div id="box"></div> <script> $(function () { $('#btn').click(function () { // $('#txt').trigger('focus'); //前两种是相同的 // $('#txt').focus(); $('#txt').triggerHandler('focus'); //此方法不会触发浏览器默认事件(文本框闪烁) $('#sp').text('文本获取焦点'); }) }) </script> ```