مثال على الفرق بين $ (""). انقر و onclick

رمز HTML

 <script type = "text/javaScript"> $ (function () {$ ("#btn4"). انقر فوق (function () {$ ("#btn3"). click () ؛}) ؛}) ؛ تغيير الوظيفة () {Alert ("onClick") ؛ } </script> <button id = "btn3" onClick = "Change ()"> dd </utton> <button id = "btn4"> ee </utton>

الفرق:

1. الانقطاع هو حدث ملزم يخبر المتصفح بما يجب فعله عند النقر على الماوس

انقر فوق نفسه هي طريقة تؤدي إلى حدث OnClick. طالما تم تنفيذ طريقة Click () للعنصر ، سيتم تشغيل حدث OnClick. كما هو موضح في رمز الاستئناف ، عند النقر فوق الزر "EE" ، سيتم تشغيل حدث "DD" OnClick (عادةً ، سيؤدي الضغط على زر "DD" إلى حدوث "DD" OnClick). السبب هو ذلك

 $ ("#btn4"). انقر فوق (function () {$ ("#btn3"). click () ؛}) ؛

عند النقر فوق الزر "EE" ، تسمى طريقة "DD" Click () داخليًا ، والتي تؤدي إلى "DD" OnClick Event.

2. الوظيفة الرئيسية لطريقة Click () هي تشغيل حدث OnClick لاستدعاء عنصر طريقة النقر. بالإضافة إلى ذلك ، إذا تم تعريف الكود التالي في طريقة النقر

 $ ("#btn3"). انقر فوق (function () {Alert ("***") ؛}) ؛

سيتم تنفيذ رمز الوظيفة في طريقة النقر بعد تنفيذ حدث OnClick. في هذا الوقت ، تلعب طريقة النقر دور أحداث الإلحاق. مثال:

رمز HTML

 <script type = "text/javaScript"> $ (function () {$ ("#btn3"). انقر فوق (function () {Alert ("aa") ؛}) ؛}) ؛ تغيير الوظيفة () {Alert ("BB") ؛ } </script> <button id = "btn3" onClick = "Change ()"> dd </utron>

الترتيب المنبثق من المربع المنبثق هو الأول "BB" ثم "AA".