Question

我有以下代码：

<div class='no_translate'>Not translated</div>

以下关于mouseover / mouseout事件的代码：

            $('.no_translate').mouseover(function() {
                $(this).empty();
                var field="<form method='POST' action=''><input name='a' type='textarea'/></form>";
                $(this).html(field);
            });

            $('.no_translate').mouseout(function() {
                $(this).empty();
                $(this).html('Not translated');
            });

我想将简单文本转换为输入字段和返回。但是有一个小问题：当我将光标移动到一个新的字段上时（不要从它上面移出）然后这个字段转换成简单的文本并且返回很多次，但是我没有从它出来而且我不明白这是怎么回事。请告诉我。先感谢您。

Answer 1

JSFiddle code example

$('.no_translate').hover(function() 
{
    $(this).empty();
    var field="<form method='POST' action=''><input name='a' type='textarea'/></form>";
    $(this).html(field);
},
function() 
{
    $(this).empty();
    $(this).html('Not translated');
});

Answer 2

$("element").hover(
  function () {
        hover code
  }, 
  function () {
     hover out code.
  }
);

如果你的钢铁有问题只是jsfiddle你的代码...

Answer 3

这是工作小提琴：http://jsfiddle.net/surendraVsingh/vvbnE/

Jquery代码：

 $('.no_translate').hover(function() {
                $(this).empty();
                var field="<form method='POST' action=''><input name='a' type='textarea'/></form>";
                $(this).html(field);
 }, function(){
         $(this).empty();
        $(this).html('Not translated');
 });

Answer 4

试试这个

$(function(){
    $('.no_translate').hover(function() {
        $(this).empty();
        var field="<form method='POST' action=''><input name='a' type='text'/></form>";
        $(this).html(field);
    },
    function() {
        $(this).empty();
        $(this).html('Not translated');
    });
});

DEMO.

如何正确捕捉mouseout事件？

4 个答案: