How to trigger another function when i click on element with onclick atribute

Question

I have small question. How to trigger another function when I click on element with onclick="show_order_info(numbers);" Onclick atributes have random numbers, il try regex...

I need the standard function to be executed when I clicked and then mine function, I don't have access to the original js, I just want to improve functional for me

But problem is Uncaught ReferenceError: show_order_info is not defined

$('.redbutton').on('click', /show_order_info\(\d+\)\;/).innerHTML = "YOU CLICKED ME!";

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<a href="javascript:void(0);" onclick="show_order_info(2588093);" class="redbutton" style=""><img src="/images/admin/pdf_ico.png" style="vertical-align: initial; height: 16px; width: 16px">Show Order</a>
<a href="javascript:void(0);" onclick="printPdf(&quot;/ajax_partner_orderinfo?uoid=2588093&amp;print=1&quot;)" class="redbutton"><img src="/images/admin/pdf_ico.png" style="vertical-align: initial; height: 16px; width: 16px">Print Order</a>

<a href="javascript:void(0);" onclick="show_order_info(2797617);" class="redbutton" style=""><img src="/images/admin/pdf_ico.png" style="vertical-align: initial; height: 16px; width: 16px">Show Order</a>
<a href="javascript:void(0);" onclick="printPdf(&quot;/ajax_partner_orderinfo?uoid=2797617&amp;print=1&quot;)" class="redbutton"><img src="/images/admin/pdf_ico.png" style="vertical-align: initial; height: 16px; width: 16px">Print Order</a>

I believe this post will help you find a suitable answer stackoverflow.com/questions/17352104/… — Abrar Hossain
– Abrar Hossain, Commented Jan 3, 2021 at 18:36

mplungjan · Accepted Answer · 2021-01-03 18:39:40Z

You do not execute on click, you execute the regex as a comma delimited statement

Perhaps you mean

const yourFunction = but => but.textContent = "you clicked me";
const show_order_info = order => console.log(order)
const printPdf = url => console.log(url)

$('.redbutton').each(function() {
//  const click = this.onclick.toString().match(/\{\s+?(.*?)\s+?\}/)[1];
    const click = this.onclick;
    this.onclick=null;
  console.log(click)
  $(this).on("click", function() {
    yourFunction(this)
    click()
  })
})

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<a href="javascript:void(0);" onclick="show_order_info(2588093);" class="redbutton" style=""><img src="/images/admin/pdf_ico.png" style="vertical-align: initial; height: 16px; width: 16px">Show Order</a>
<a href="javascript:void(0);" onclick="printPdf(&quot;/ajax_partner_orderinfo?uoid=2588093&amp;print=1&quot;)" class="redbutton"><img src="/images/admin/pdf_ico.png" style="vertical-align: initial; height: 16px; width: 16px">Print Order</a>

<a href="javascript:void(0);" onclick="show_order_info(2797617);" class="redbutton" style=""><img src="/images/admin/pdf_ico.png" style="vertical-align: initial; height: 16px; width: 16px">Show Order</a>
<a href="javascript:void(0);" onclick="printPdf(&quot;/ajax_partner_orderinfo?uoid=2797617&amp;print=1&quot;)" class="redbutton"><img src="/images/admin/pdf_ico.png" style="vertical-align: initial; height: 16px; width: 16px">Print Order</a>

Collectives™ on Stack Overflow

How to trigger another function when i click on element with onclick atribute

1 Answer 1

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related