首頁(yè) 猿問在jquery中多個(gè)事件怎末共用一...

在jquery中多個(gè)事件怎末共用一個(gè)處理函數(shù)呢？

JQuery JavaScript

動(dòng)漫人物 2021-12-02 11:07:05

如 $("div").mouseover(function(){處理邏輯}).mouseout(function(){處理邏輯}); 其中（處理邏輯）內(nèi)容是相同的。我不想寫兩份（處理邏輯），但是又不想將（處理邏輯）獨(dú)立成函數(shù)，請(qǐng)問我怎么將mouseover，mouseout整合；以實(shí)現(xiàn)類下面代碼 $("div").mouseover|mouseout(function(){處理邏輯});我不想將處理函數(shù)獨(dú)立出來，因?yàn)榭赡苄枰獋鬟f很多的參數(shù)或其它問題

查看完整描述

2 回答

jeck貓

TA貢獻(xiàn)1909條經(jīng)驗(yàn) 獲得超7個(gè)贊

把function獨(dú)立出來啊，首先定義一個(gè)全局變量，一般的js中只有一個(gè)全局變量好，比如設(shè)為App_home，定義var App_home = {};然后給對(duì)象App_home添加函數(shù)
App_home.some_fuc = function(){
//code
}
然后在$(document).ready(fucntion{
$("div").mouseover(App_home.some_fuc).mouseout(App_home.some_fuc);
});
這里實(shí)際上是給mouseover和mouseout綁定函數(shù)，這個(gè)函數(shù)可以直接定義(形式：function(){//code})，也可以是一個(gè)變量App_home.some_fuc

反對(duì) 回復(fù) 2021-12-05

qq_遁去的一_1

TA貢獻(xiàn)1725條經(jīng)驗(yàn) 獲得超8個(gè)贊

其實(shí)可以用這個(gè)方法
$(function(){
$("div").bind("mouseover",function(){
//code
}).bind("mouseout",function(){
$("div").trigger("mouseover")//通過模擬操作調(diào)用mouseover這個(gè)事件
})
})
或者是這種
$(function(){
$("div").bind("mouseover mouseout",function(){
//code
})
})