javascript - 如何在将光标放在文本区域时弹出模式

Question

我有一个小文本区域，当用户将光标放在其中时，我希望弹出一个模式作为该文本区域的较大版本。我准备了所有代码，但找不到将光标放在文本区域中以填充模式的部分。

文本区域：

 <textarea href ="#s-fb" class="form-control" name="sfb" id="sfb" rows="2" value="" placeholder="We would appreciate your feedback to improve the website"></textarea>

模态：

<div class="modal fade" tabindex="-1" role="dialog" id="s-fb">
        <div class="modal-dialog">
            <div class="modal-content">
                <div class="modal-header">
...
...
...

标签： javascriptjqueryhtml

Answer 1

当鼠标放在文本区域上时，使用 onmouseover 事件触发事件。 onmouseover="showModal()"

function showModal(){
   document.getElementById('s-fb').style.display = 'block';
}