ホームページ >ウェブフロントエンド >jsチュートリアル >タグはジャンプせずに onclick イベントをトリガーします

タグはジャンプせずに onclick イベントをトリガーします

伊谢尔伦
伊谢尔伦オリジナル
2016-11-22 14:17:001504ブラウズ

Web ページを開発するとき、次のような状況がよくあります。

1. ラベルは onclick 動作をトリガーするだけで済みます。

2. パフォーマンスには、マウス ポインターの表示、またはラベルに似たその他の視覚効果が必要です。

例えば、削除操作を実行する場合、誤操作を避けるために、ユーザーに削除するかどうかを確認するダイアログボックスをポップアップ表示する必要があります。したがって、onclick イベントをトリガーするには、

コードは次のとおりです:

<script type="text/javascript">
function del(){
if(confirm("确定删除该记录?")){
parent.window.location="执行删除.jsp";
return true;
}
return false;
}
</script>
<a href=""  target="mainFrame" onclick="del()" >删除</a>

この結果、js コードは「Execute Delete.jsp」ページにジャンプし、 タグもジャンプして空のページを開きます。 HTML 自体が タグの href 属性を処理するため、最初に独自に定義されたメソッドが実行され、次に独自のメソッド (ジャンプ メソッド) が実行されます。

主な解決策は次の 4 つです:

1. タグを使用しない、css を設定するか、js を使用して表現します (少し複雑です)。

2. タグ、onclick 属性、または return を使用します。 onclick イベントの false ;(個人的なお気に入り)

例: 削除

これは次の質問です。実行順序、このタグの実行順序は、最初に onclick スクリプトを実行し、最後に href パラメータで指定されたページにジャンプする必要があります。 onclick で false を返すと、 タグのワークフローを中止できます。つまり、href パラメータで指定されたページにページがジャンプするのを防ぐことができます。

3. href="javascript:void(0)"; のような疑似プロトコルを使用します (この種の疑似プロトコルはあまり頻繁に記述しないでください)
つまり、削除

4. 削除。 (常に現在のページの先頭にジャンプします。ページに多くのコンテンツがある場合でも、ジャンプしたくなるでしょう)

その他の知識:

次のコードはハイパーリンクを作成し、ユーザーはクリックするとフォームを送信します。 。 ここからフォームを送信

a タグの href="#" の # はアンカー ポイントですの意味は現在のページとみなすこともできます

以下はアンカーの使用方法です:

<!-- 定义一个锚。 -->
<a name="anchor">锚点</a>
<!-- 本页面的一个连接,连接到锚: -->
<a href="#anchor">锚</a>

その効果は次のとおりです: アンカーをクリックするとアンカー段落に移動します。


声明:
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。