jQuery - остановка якоря <a>от перенаправления с помощью onClick = "function (this)"

Question

это мой якорь, который я использую в нумерации страниц CodeIgnitor.

<a href="http://perfex_crm.ng/clients/get_front_page_jobs/2" onclick="myFunction(this)" data-ci-pagination-page="2">2</a>

Теперь это определение функции в Javascript

function myFunction(e){
    console.log(e);
    e.preventDefault()
}

Теперь e - это якорь, который отображается в консоли. но когда я пытаюсь

e.preventDefault()

это дает мне эту ошибку.

e.preventDefault is not a function

и, очевидно, страница перенаправлена, что является оригинальной проблемой, которую я хочу решить. я не хочу его перенаправлять.

Answer 1

Вы передаете значение this, которое является элементом <a>, а не объектом события.

Вместо этого вы можете передать event, но вам действительно следует избегать использования внутренних атрибутов событий (которые имеют кучу ошибок) и переключиться на addEventListener.

const links = document.querySelector('[data-ci-pagination-page]');
for (let i = 0; i < links.length; i++) {
    links[i].addEventListener(myFunction); 
}

Answer 2

это похоже на заклинание:

function myFunction(event){
  event.preventDefault();
}

<a href="http://perfex_crm.ng/clients/get_front_page_jobs/2" onclick="myFunction(event)" data-ci-pagination-page="2">2</a>

Answer 3

Поскольку вы написали onclick="myFunction(this)", вы передаете this в качестве аргумента, где this - ваш <a> элемент.

Попробуйте передать event вместо: onclick="myFunction(event)"