当鼠标不在里面时获取textarea的值

时间:2016-05-26 15:32:09

标签: javascript jquery html

我想这样做:

我有一个带有一些文字的textarea,鼠标是&#34; on&#34;在textarea。当我从textarea中删除鼠标时,我想获得用<span><p>写的文字。

当鼠标不在textarea中时,是否有函数来获取信息?

3 个答案:

答案 0 :(得分:1)

当你用jQuery标记问题时,我假设你有jQuery存在。然后,你可以做

$('textarea').mouseleave(function () {
  $('span').html($(this).val())
})

如果您的HTML看起来像

<textarea></textarea>
<span></span>

答案 1 :(得分:0)

使用jQuery,您可以使用.mouseleave()方法。

有关完整信息,请访问该功能的the jQuery documentation

答案 2 :(得分:0)

你在找这样的东西吗?

$(function () {
  $(".theArea").mouseover(function () {
    $(this).prop("contenteditable", true);
  }).mouseleave(function () {
    $(this).prop("contenteditable", false);
  });
});
.theArea {border: 1px solid #999; padding: 5px;}
.theArea[contenteditable="true"] {background: #ddf;}
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div class="theArea">Pages you view in incognito tabs won’t stick around in your browser’s history, cookie store, or search history after you’ve closed all of your incognito tabs. Any files you download or bookmarks you create will be kept.

However, you aren’t invisible. Going incognito doesn’t hide your browsing from your employer, your internet service provider, or the websites you visit.</div>