使用 jQuery/Javascript 将鼠标悬停在按钮上时将文本插入文本和帮助文本

Insert text into textarea and help text when mouseover buttons with jQuery/Javascript

本文关键字：文本 插入文本 帮助 按钮 jQuery Javascript 鼠标 悬停 使用      更新时间：2023-09-26

我有一个按钮，可以在文本区域中插入不同的文本，现在我也想要不同的帮助文本，然后将鼠标悬停在按钮上，但我无法让它工作

提示代码我尝试与小提琴结合使用，但我无法让它一起工作

<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/

相关文章：