Question

我需要删除子div上的鼠标效果。

只需使用该代码就可以了解问题。

这是我的代码：

<div onmouseover="mOver(this)" onmouseout="mOut(this)" style="background-color:#D94A38;width:120px;height:20px;padding:40px;">Mouse Over Me</div>

<script>
function mOut(obj)
{
obj.innerHTML="Thank You"
}

function mOver(obj)
{
obj.innerHTML='<table style=" border:solid 1px #ff0000;"><tr><td><label>Username</label><input type="text" name="username" id="username" maxlength="64" value="SwapnilC" autocomplete="off"><br/><label for="pass">Password</label><input type="password" name="pass" id="pass" value="Password"></div><div style=" float:right;width:90px;background-color:#933;" onClick="ClickLogin();">Login</div><div style="float:right; margin-right:10px; width:20px; padding-top:4px;"> <img id="PP_loading"  title="Processing Request" style="display:none;" src="images/ajaxProcess.gif" /> </td></tr></table>'
}
</script>

</body>
</html>

Answer 1

不要在鼠标悬停时附加html标记，而是使用类来隐藏/显示鼠标上/下的表格

使用Javascript：

function mOut(obj)
{
    obj.style.display="none";
}

function mOver(obj)
{
    obj.style.display="block"
}

Answer 2

你最好把“Tahnk you”和你的桌子直接放在div中。然后隐藏表（“display：none”）并在需要时切换可见性 span display：none | inline; table display：none | block;

所有这些只需使用CSS即可。

Answer 3

您可以使用this

jQuery：。removeAttr（attributeName）功能。

<!DOCTYPE html>
<html>
<head>
  <script src="http://code.jquery.com/jquery-1.9.1.js"></script>
</head>
<body>
  <button>Change title</button>
<input type="text" title="hello there" />
<div id="log"></div>

<script>
(function() {
  var inputTitle = $("input").attr("title");
  $("button").click(function () {
    var input = $(this).next();

    if ( input.attr("title") == inputTitle ) {
      input.removeAttr("title")
    } else {
      input.attr("title", inputTitle);
    }

    $("#log").html( "input title is now " + input.attr("title") );
  });
})();
</script>

</body>
</html>

鼠标对儿童的影响---需要解决方案

3 个答案: