জাভাস্ক্রিপ্টে এমএসআইই এবং অ্যাডএভেন্টলিস্টনার সমস্যা?

Question 1

document.getElementById('container').addEventListener('copy',beforecopy,false );

ক্রোম / সাফারিতে, যখন পৃষ্ঠার সামগ্রীটি অনুলিপি করা হচ্ছে তখন উপরেরগুলি "ফোরকপি" ফাংশনটি পরিচালনা করবে। এমএসআইই এই কার্যকারিতাটিও সমর্থন করবে বলে ধারণা করা হচ্ছে, তবে কোনও কারণে আমি এই ত্রুটিটি পাচ্ছি:

"বস্তু এই সম্পত্তি বা পদ্ধতি সমর্থন করে না"

এখন, এটা আমার বোঝা যে ইন্টারনেট এক্সপ্লোরার বডি নোডের সাথে খেলবে না, তবে আমি ভাবতাম আইডি দ্বারা নোড সরবরাহ করা ভাল কাজ করবে। আমি কী ভুল করছি সে সম্পর্কে কারও কি ধারণা আছে? আগাম ধন্যবাদ.

** যে কেউ আমাকে তৃতীয় প্যারামিটার "মিথ্যা" ভাল কি তা বলতে পারে তার জন্য বোনাস পয়েন্টস।

Question 2

আইইতে আপনাকে attachEventস্ট্যান্ডার্ডের চেয়ে ব্যবহার করতে হবে addEventListener।

একটি সাধারণ অনুশীলন হ'ল addEventListenerপদ্ধতিটি উপলব্ধ কিনা তা পরীক্ষা করে এটি ব্যবহার করুন, অন্যথায় ব্যবহার করুন attachEvent:

if (el.addEventListener){
  el.addEventListener('click', modifyText, false); 
} else if (el.attachEvent){
  el.attachEvent('onclick', modifyText);
}

এটি করার জন্য আপনি একটি ফাংশন তৈরি করতে পারেন:

function bindEvent(el, eventName, eventHandler) {
  if (el.addEventListener){
    el.addEventListener(eventName, eventHandler, false); 
  } else if (el.attachEvent){
    el.attachEvent('on'+eventName, eventHandler);
  }
}
// ...
bindEvent(document.getElementById('myElement'), 'click', function () {
  alert('element clicked');
});

আপনি এখানে উপরের কোডের একটি উদাহরণ চালাতে পারেন ।

তৃতীয় যুক্তি addEventListenerহ'ল useCapture; যদি সত্যি, এটা নির্দেশ করে ব্যবহারকারী সূচনা শুভেচ্ছা যে ঘটনা ক্যাপচারিং ।

Question 3

আপনি যদি JQuery 2.x ব্যবহার করছেন তবে দয়া করে নীচে নিম্নলিখিতটি যুক্ত করুন

<html>
   <head>
      <meta http-equiv="X-UA-Compatible" content="IE=edge;" />
   </head>
   <body>
    ...
   </body>
</html>

এটি আমার পক্ষে কাজ করেছে।

Question 4

যোগ করার চেষ্টা করুন

<meta http-equiv="X-UA-Compatible" content="IE=edge">

খোলার মাথার ট্যাগের ঠিক পরে

Question 5

ইন্টারনেট এক্সপ্লোরার (আই 8 এবং নিম্ন) সমর্থন করে না addEventListener(...)। attachEventপদ্ধতিটি ব্যবহার করে এর নিজস্ব ইভেন্টের মডেল রয়েছে । আপনি এর মতো কিছু কোড ব্যবহার করতে পারেন:

var element = document.getElementById('container');
if (document.addEventListener){
    element .addEventListener('copy', beforeCopy, false); 
} else if (el.attachEvent){
    element .attachEvent('oncopy', beforeCopy);
}

যদিও আমি আপনার নিজের ইভেন্ট হ্যান্ডলিং মোড়কে লেখা এড়াতে এবং পরিবর্তে একটি জাভাস্ক্রিপ্ট কাঠামো ব্যবহার করতে পরামর্শ দিই (যেমন jQuery , Dojo , MooTools , YUI , প্রোটোটাইপ , ইত্যাদি) এবং নিজের জন্য এটি তৈরি করতে এড়াতে এড়াতে চাই।

যাইহোক, ইভেন্টগুলির ডাব্লু 3 সি মডেলের তৃতীয় যুক্তি বুদবুদ এবং ইভেন্টগুলি ক্যাপচারের মধ্যে পার্থক্যের সাথে সম্পর্কযুক্ত । প্রায় প্রতিটি পরিস্থিতিতে আপনি ইভেন্টগুলি বুদবুদ হিসাবে হ্যান্ডেল করতে চাইবেন, যখন তারা বন্দী হবেন তখন নয়। পাঠ্য বাক্সগুলির জন্য "ফোকাস" ইভেন্টের মতো ইভেন্টগুলিতে ইভেন্ট প্রতিনিধি ব্যবহার করার সময় এটি দরকারী which

Question 6

আইই 11 হিসাবে আপনার ব্যবহার করা দরকার addEventListener। attachEventঅবচয় করা হয় এবং একটি ত্রুটি নিক্ষেপ করা হয়।

Question 7

পিপিকে যেমন এখানে উল্লেখ করেছে , আইই তে আপনি এটিও ব্যবহার করতে পারেন

e.cancelBubble = true;

Question 8

<meta http-equiv="X-UA-Compatible" content="IE=9">আইই 9 + ব্যবহার addEventListenerকরে ইভেন্টের নামটিতে "চালু" সরিয়ে এইটিকে সমর্থন করে:

 var btn1 = document.getElementById('btn1');
 btn1.addEventListener('mousedown', function() {
   console.log('mousedown');
 });

Question 9

সমস্যাটি হ'ল আইইয়ের স্ট্যান্ডার্ড addEventListenerপদ্ধতি নেই। আইই এর নিজস্ব ব্যবহার করে attachEventযা প্রায় একই কাজ করে।

পার্থক্যগুলির ভাল ব্যাখ্যা এবং তৃতীয় প্যারামিটার সম্পর্কেও কিরকস্মোডে পাওয়া যাবে ।