onclickでの処理を止めたい

Question

前提・実現したいこと

onclickでの処理を止めたい

発生している問題・エラーメッセージ

現在ajaxの非同期処理でコードを書いたのですが、aタグリンクをクリックすると上部に飛んでしまう処理が走ります。
これはリンクの中に#の機能をを止める必要があると
https://teratail.com/questions/65045

こちらの記事を拝見したのですが、jQueryは使えないのでjavascriptでの書き方を知りたくご質問させていただいました。

該当のソースコード

if(target_not_af_task.length >= 1 || target_af_task.length >= 1) {
     str_target_date = "<a onclick='test(this)' id='" + target_date  +"' href=#" + ">" + count + "</a>"
     console.log("str_target_date : " + str_target_date);
}

function test(element) {

    // デフォルトのイベントをキャンセル
    element.preventDefault();

    --処理--
}

試したこと

https://kita-note.com/js-cancel-event
を参考にして止める構文を試してみる(そもそもイベントハンドラではないので使えなかった)

まだ不慣れなのでfunctionでメソッドを書いていますが、こちらの処理を停止する方法をお分かりの方、いらっしゃいましたらご教授願います。

よろしくお願いいたします。

補足情報（FW/ツールのバージョンなど）

ここにより詳細な情報を記載してください。

Answer 1

test(this);return false;
と記載してみてください

Comments

[ataru2222]

すごいです！！
思った通りの動きができました。

このような書き方もできるのですね。
勉強になりました。
本当にありがとうございました。

Answer 2

そもそも使わないならhref属性自体を書かない　という手もあります。

Comments

[ataru2222]

回答していただきありがとうございます。
aタグhref属性を入れなくてもリンクではないのですが飛べるのですね(笑)

初めて知りました。
今回無事リンク先の動きを止める方法を教えていただきましたが、
これはこれで知っておいても損はないはず。
本当にありがとうございました。

[m.ts10806]

onclickは指定要素をクリックしたときに発生するイベントですので、
hrefによる遷移とは関係ありません。例えばdivやspanなどの要素にもあてられます。利用しない属性を入れておく意味はないので、「そもそも属性を設定しない」のが良と思います。