[英]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("/ajax_partner_orderinfo?uoid=2588093&print=1")" 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("/ajax_partner_orderinfo?uoid=2797617&print=1")" 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("/ajax_partner_orderinfo?uoid=2588093&print=1")" 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("/ajax_partner_orderinfo?uoid=2797617&print=1")" 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.