簡體   English   中英

當我單擊具有 onclick 屬性的元素時如何觸發另一個 function

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

我有一個小問題。 當我單擊帶有onclick="show_order_info(numbers);"的元素時如何觸發另一個 function Onclick 屬性有隨機數,我試試正則表達式...

我需要在單擊時執行標准 function 然后我的 function,我無法訪問原始 js,我只是想為我改進功能

但問題是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>

單擊時不執行,而是將正則表達式作為逗號分隔語句執行

也許你的意思是

 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>

暫無
暫無

聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.

 
粵ICP備18138465號  © 2020-2024 STACKOOM.COM