插入文本到文本區域和幫助文本時使用jQuery/JavaScript的鼠標懸停按鈕

Question

我有一個按鈕誰插入不同的文本到textarea的，現在我也想那麼不同的幫助文本鼠標懸停的按鈕，但我不能讓它的工作

提示代碼，我嘗試與小提琴組合，但我不能讓它工作起來

<button id="button" onmouseover="mOver1(this)" onmouseout="mOut1(this)">Insert1 asdad</button> 
<button id="button" onmouseover="mOver2(this)" onmouseout="mOut2(this)">Insert2</button> 

<script> 
    function mOver1(obj) { 
     obj.innerHTML = "<div id='help_container1'><p id='help_text'>Help Text1</p></div>" 
    } 

    function mOut1(obj) { 
     obj.innerHTML = "<button id='button' onmouseover='mOver1(this)' onmouseout='mOut1(this)'>Insert1</button>" 
    } 




function mOver2(obj) { 
     obj.innerHTML = "<div id='help_container2'><p id='help_text'>Help<br>Text2</p></div>" 
    } 

    function mOut2(obj) { 
     obj.innerHTML = "<button id='button' onmouseover='mOver2(this)' onmouseout='mOut2(this)'>Insert2</button>" 
    } 
</script> 

小提琴插入文字textaarea當點擊按鈕 http://jsfiddle.net/rmDzu/19

小提琴得到幫助文本磨片n鼠標懸停按鈕 http://jsfiddle.net/fTpwF

任何人都可以幫助我將這個小提琴合併爲1嗎？它根本不需要成爲小提琴中的代碼。

Answer 1

我不知道你的意思準確，但...檢查它：

$("#button").on({ 
    'mouseenter': function() { 

     // make function for button 

     // make function for textarea 

    }, 
    'mouseleave': function() 

     // make function for button 

     // make function for textarea 
    }, 
    'click': function() { 

     // etc.... 
    } 


}); 

-

這是擺弄你的榜樣：

http://jsfiddle.net/rmDzu/23/