মিডল ক্লিক ব্যবহার করে ট্র্যাকিং অনক্লিক ইভেন্ট

Question 1

আমি একটি পপ আপ হিসাবে onclickখোলার জন্য হ্যাশ লিঙ্কের ইভেন্টটি ব্যবহার করছি <div>। তবে মিডল ক্লিক onclickইভেন্টটি ট্রিগার করে না তবে কেবল hrefলিঙ্কটির বৈশিষ্ট্যযুক্ত মান নেয় এবং একটি নতুন পৃষ্ঠায় ইউআরএল লোড করে। <div>পপআপ হিসাবে খুলতে আমি মিডল ক্লিকটি কীভাবে ব্যবহার করতে পারি ?

Question 2

সম্পাদনা

এই উত্তরটি অবচয় করা হয়েছে এবং ক্রোমে কাজ করে না । আপনি সম্ভবত অক্সলিংক ইভেন্টটি ব্যবহার করে শেষ করবেন তবে নীচের অন্যান্য উত্তরগুলি দেখুন please

/ সম্পাদনা

ভিক্ষার উত্তরটি সঠিক, তবে মনে হচ্ছে আপনি মিডল ক্লিকের ডিফল্ট ক্রিয়াটি আটকাতে চান। যে ক্ষেত্রে, নিম্নলিখিত অন্তর্ভুক্ত করুন

$("#foo").on('click', function(e) {
   if (e.which == 2) {
      e.preventDefault();
      alert("middle button"); 
   }
});

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<a id="foo" href="http://example.com">middle click me</a>

স্নিপেট প্রসারিত করুন

প্রতিরোধ ডিফল্ট () ইভেন্টের ডিফল্ট ক্রিয়া বন্ধ করবে।

Question 3

মিডল-ক্লিক / মাউস-হুইল বোতামটি সনাক্ত করার জন্য, আপনাকে ইভেন্টটি ব্যবহার করতে হবে auxclick। যেমন:

<a href="https://example.com" onauxclick="func()" id="myLink"></a>

তারপরে আপনার স্ক্রিপ্ট ফাইলে

function func(e) {
  if (e.button == 1) {
    alert("middle button clicked")
  }
}

আপনি যদি জাভাস্ক্রিপ্ট থেকে এটি করতে চান (এইচটিএমএল বৈশিষ্ট্যটি ব্যবহার না করে onauxclick), তবে আপনাকে addEventListenerউপাদানটিতে:

let myLink = document.getElementById('myLink')
myLink.addEventListener('auxclick', function(e) {
  if (e.button == 1) {
    alert("middle button clicked")
  }
})

<a id="myLink" href="http://example.com">middle click me</a>

স্নিপেট প্রসারিত করুন

auxclickইভেন্টটি সম্পর্কে এখানে mdn পৃষ্ঠাটি দেখুন ।

Question 4

তুমি ব্যবহার করতে পার

ইভেন্ট.বাটন

কোন মাউস বোতামটি ক্লিক করা হয়েছিল তা সনাক্ত করতে।

রাষ্ট্র পরিবর্তন করে এমন বোতামটি নির্দেশ করে একটি পূর্ণসংখ্যা মান প্রদান করে।

স্ট্যান্ডার্ড 'ক্লিক' এর জন্য 0, সাধারণত বাম বোতাম
মাঝারি বোতামের জন্য 1, সাধারণত হুইল-ক্লিক করুন
ডান বোতামের জন্য 2, সাধারণত ডান ক্লিক করুন

নোট করুন যে এই কনভেনশনটি ইন্টারনেট এক্সপ্লোরারে অনুসরণ করা হয় না: বিশদ বিবরণের জন্য কুইর্কসড দেখুন।

পয়েন্টিং ডিভাইসটি কীভাবে কনফিগার করা হয়েছে তার উপর নির্ভর করে বোতামগুলির ক্রম ভিন্ন হতে পারে।

পড়াও

কোন মাউস বোতামটি ক্লিক করা হয়েছে?

কোন মাউস বোতামটি ক্লিক করা হয়েছে তা জানার জন্য দুটি বৈশিষ্ট্য রয়েছে: কোনটি এবং বোতামটি। দয়া করে মনে রাখবেন যে এই বৈশিষ্ট্যগুলি সর্বদা একটি ক্লিক ইভেন্টে কাজ করে না। মাউস বোতামটি নিরাপদে সনাক্ত করতে আপনাকে মোডাউনডাউন বা মাউসআপ ইভেন্টগুলি ব্যবহার করতে হবে।

document.getElementById('foo').addEventListener('click', function(e) {
  console.log(e.button);
  e.preventDefault();
});

<a id="foo" href="http://example.com">middle click me</a>

স্নিপেট প্রসারিত করুন

Question 5

লোকেরা যখন সমাধানের পরিবর্তে বিকল্প প্রস্তাব দেয় তখন আমি সাধারণত ঘৃণা করি, তবে যেহেতু সমাধান ইতিমধ্যে সরবরাহ করা হয়েছে আমি নিজের নিয়ম ভঙ্গ করতে চলেছি।

মিডল-ক্লিক বৈশিষ্ট্যটি ওভাররাইড করা ওয়েবসাইটগুলিতে সত্যই সত্যই আমাকে বাগ দিন। আমি সাধারণত মাঝখানে ক্লিক করছি কারণ আমি বর্তমান সামগ্রীতে একটি বাধাহীন দর্শন থাকার সময় নতুন ট্যাবটিতে নতুন সামগ্রীটি খুলতে চাই। আপনি যে কোনও সময় মিডল-ক্লিকের কার্যকারিতাটি একা ছেড়ে দিতে পারেন এবং আপনার ক্লিক করা উপাদানটির এইচআরএফ বৈশিষ্ট্যের মাধ্যমে প্রাসঙ্গিক সামগ্রীটি উপলব্ধ করতে পারবেন, আমি দৃ strongly়ভাবে বিশ্বাস করি যে আপনার যা করা উচিত।

Question 6

jQuery .whichইভেন্টের একটি বৈশিষ্ট্য সরবরাহ করে যা ক্লিক বোতাম আইডিটি বাম থেকে ডানে 1, 2, 3 হিসাবে দেয় this এই ক্ষেত্রে আপনি 2 চান want

ব্যবহার:

$("#foo").live('click', function(e) { 
   if( e.which == 2 ) {
      alert("middle button"); 
   }
});

অ্যাডামেন্টিয়ামের উত্তরটিও কাজ করবে তবে আপনি যেমন IE নোট করেছেন তেমন নজর রাখা দরকার:

$("#foo").live('click', function(e) { 
   if((!$.browser.msie && e.button == 1) || ($.browser.msie && e.button == 2)) { 
     alert("middle button"); 
   } 
});

এছাড়াও মনে রাখবেন .buttonগুণটি 0-সূচিযুক্ত নয় 1-সূচকযুক্ত .which।

Question 7

এই প্রশ্নটি কিছুটা পুরানো, তবে আমি একটি সমাধান পেয়েছি:

$(window).on('mousedown', function(e) {
   if( e.which == 2 ) {
      e.preventDefault();
   }
});

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<a href="http://example.com">middle click me</a>

স্নিপেট প্রসারিত করুন

ক্রোম মাউস হুইলটির জন্য ইভেন্টটিকে "ক্লিক" করে না

এফএফ এবং ক্রোমে কাজ করুন

Question 8

যথাযথ পদ্ধতিটি হ'ল ব্যবহার করা হয় .on, যেমনটি .liveহ্রাস করা হয়েছে এবং তারপরে jQuery থেকে সরানো হয়েছে:

$("#foo").on('click', function(e) { 
   if( e.which == 2 ) {
      e.preventDefault();
      alert("middle button"); 
   }
});

অথবা আপনি যদি "লাইভ" মত অনুভব করতে চান এবং #fooআপনার পৃষ্ঠায় ডকুমেন্ট শুরু না হন:

$(document).on('click', '#foo', function(e) { 
   if( e.which == 2 ) {
      e.preventDefault();
      alert("middle button"); 
   }
});

মূল উত্তর

Question 9

আমি জানি যে আমি পার্টির জন্য দেরি করেছি, তবে মিডল ক্লিকটি পরিচালনা করতে এখনও যাদের সমস্যা আছে তাদের জন্য, আপনি ইভেন্টটি ডেলিগেট করেছেন কিনা তা পরীক্ষা করে দেখুন। প্রতিনিধিদের ক্ষেত্রে, clickইভেন্টটি আগুন দেয় না। তুলনা করা:

এটি মিডল ক্লিকগুলির জন্য কাজ করে:

$('a').on('click', function(){
  console.log('middle click');
});

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<a href="http://example.com">middle click me</a>

স্নিপেট প্রসারিত করুন

এটি মধ্য ক্লিকের জন্য কাজ করে না:

$('div').on('click', 'a', function(){
  alert('middle click');
});

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<div>
  <a href="http://example.com">middle click here</a>
</div>

স্নিপেট প্রসারিত করুন

যদি আপনার এখনও ইভেন্টের প্রতিনিধিদের ব্যবহার করে মিডল ক্লিকটি ট্র্যাক করতে হয় তবে সংশ্লিষ্ট jQuery টিকিটে উল্লিখিত হিসাবে কেবলমাত্র একমাত্র উপায় হল ব্যবহার mousedownবা mouseupতার পরিবর্তে। তাই ভালো:

এটি ডেলিগ্রেড মিডল ক্লিকগুলির জন্য কাজ করে:

$('div').on('mouseup', 'a', function(){
  console.log('middle click');
});

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<div>
  <a href="http://example.com">middle click me</a>
</div>

স্নিপেট প্রসারিত করুন

এটি এখানে অনলাইনে দেখুন ।