☰

クリック可能なdiv内のボタンonclick 質問する

tag-icon • tag-icon javascript html css asp.net-mvc
クリック可能なdiv内のボタンonclick 質問する

クリック可能な div 全体があります。これが私のコードです:

<div onclick="location.href='@Url.Action("SubClass", "Product", new { id = productClass.HierarchyId })';" class="menu-class">
            <img src="~/Images/ClassImages/@imageName" alt="@productClass.HierarchyShort" />
            <div class="menu-class-text">
                <span>@productClass.HierarchyShort</span>
            </div>
            <div class="menu-class-admin-options">
                <button onclick=" location.href = '@Url.Action("EditClass", "Product")'; ">Edit</button><br/>
                <button onclick=" location.href = '@Url.Action("DeleteClass", "Product")'; ">Delete</button>
            </div>
        </div>

これは、製品とグループ名の画像を含む div です。ユーザーがマウスを移動すると、div 内に 2 つのボタン (編集と削除) が表示されます。問題は、div 内の任意のボタンをクリックすると、ボタンの onclick ではなく、div の onclick が呼び出されることにあります。助けてください。英語が下手で申し訳ありません。

ベストアンサー1

すべてに感謝します。robooneus さんの言うとおりです。私はこれを書きました:

<button onclick=" location.href = '@Url.Action("NewClass", "Product")'; event.stopPropagation(); ">Edit</button><br/>

そして今は動作しています。皆さんありがとう。

おすすめ記事