首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >问答首页 >将按钮的操作与其div的操作隔离开来

将按钮的操作与其div的操作隔离开来
EN

Stack Overflow用户
提问于 2012-05-18 16:04:20
回答 1查看 233关注 0票数 0

我在我的项目中有一个div,在这个div上有一个按钮,它有一个向下滑动div的动作,但div本身有一个onclick动作来向上滑动

这里的问题是,当我单击按钮时,按钮的动作是div向下滑动,但div的动作也被激发并再次向上滑动,因为按钮是它的一部分。

我希望我给你的重点是一些代码

代码语言:javascript
复制
<div id='container' onclick='slideup()'>
    <button onclick='slidedown()'>click</button>
</div>

哪个slideup和slidedown是我在javascript中添加的函数

EN

回答 1

Stack Overflow用户

回答已采纳

发布于 2012-05-18 16:06:16

function slidedown添加return false

代码语言:javascript
复制
<div id='container' onclick='slideup()'>
    <button onclick='slidedown()'>click</button>
</div>

function slidedown(){
    ...
    ...
    return false;
}

既然你给你的问题加上了jQuery标签,为什么不使用这个很棒的库呢?

代码语言:javascript
复制
$('#container button').click(function(){ // or use $('#button-id')...
    slidedown();
    return false;
});

$('#container button').click(slideup);

已更新的

代码语言:javascript
复制
<div id='container'>
    <button >click</button> <!-- better give that button an id-->
</div>
票数 5
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/10648948

复制
相关文章

相似问题

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