首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >问答首页 >为什么第一个函数不是这样触发的?

为什么第一个函数不是这样触发的?
EN

Stack Overflow用户
提问于 2011-07-24 20:09:00
回答 2查看 41关注 0票数 0

我测试了这段代码,但是第一个函数没有执行,而第二个函数does.Why是这样的吗?同样的函数在hover事件上运行良好。

代码语言:javascript
运行
复制
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<script type="text/javascript" src="jquery-1.6.1.js"></script>
<script type="text/javascript">
$(document).ready(function(){
        $("p").mouseover(function(){
                $(".Stop").text($(".Stop").text()+"  Test 0");
            },function(){
                    $(".Stop").text($(".Stop").text()+"  Test 1");
                }

            );
    })
</script>
<style type="text/css">
.Stop{color:red;border:#000 thin solid;width:100px;}
</style>
<title>Untitled Document</title>
</head>

<body>
<form name="frm1" >
    <input type="text" id="myForm"/>
    <input type="text" id="myForm1"/>
    <input type="text" id="myForm2"/>
</form>
<p class="sakl" >Click</p>
<p class="Stop"></p>
</body>
</html>
EN

回答 2

Stack Overflow用户

回答已采纳

发布于 2011-07-24 20:13:26

jQuery documentation for mouseover中没有指定两个函数可以与它一起使用。为此,您必须使用hover,它所做的工作与此大致相同。

代码语言:javascript
运行
复制
$(document).ready(function() {
    $("p").hover(function() {
        $(".Stop").text($(".Stop").text() + "  Test 0");
    }, function() {
        $(".Stop").text($(".Stop").text() + "  Test 1");
    });
});
票数 4
EN

Stack Overflow用户

发布于 2011-07-24 20:17:56

当鼠标离开段落区域时,如果你需要发生一些事情,你需要什么行为?使用:

代码语言:javascript
运行
复制
$(document).ready(function () {
    $("p").mouseover(function () {
        $(".Stop").text($(".Stop").text() + "  Test 0");
    } );

    $("p").mouseleave(function () {
        $(".Stop").text($(".Stop").text() + "  Test 1");
    }
 );
})
票数 1
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/6806705

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档