我有一个按钮,可以在文本区域中插入不同的文本,现在我也想要不同的帮助文本,然后将鼠标悬停在按钮上,但我无法让它工作
提示代码我尝试与小提琴结合使用,但我无法让它一起工作
<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>
小提琴以在单击按钮时将文本插入文本区域 http://jsfiddle.net/rmDzu/19
摆弄以在鼠标悬停按钮上时获取帮助文本 http://jsfiddle.net/fTpwF
任何人都可以帮助我将此小提琴合并为 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/