सामग्री स्क्रिप्ट में addEventListener काम नहीं कर रहा

Question

मुझे पॉपअप.html और एक इंजेक्शन सामग्री स्क्रिप्ट के साथ क्रोम एक्सटेंशन मिला है। इंजेक्शन सामग्री स्क्रिप्ट के साथ मैं यूट्यूब के जावास्क्रिप्ट एपीआई कार्यों तक पहुंचने की कोशिश कर रहा हूं और यह सब एक के अलावा ठीक काम करता है: addEventListener।

यूट्यूब के जावास्क्रिप्ट एपीआई की घटना श्रोता वीडियो बदलने के लिए वीडियो की स्थिति सुनता है। तो अगर वीडियो के अंत 0.

var currentVideo = document.getElementById('movie_player'); 
currentVideo.addEventListener("onStateChange", "onytplayerStateChange"); 

function onytplayerStateChange() { 
    console.log("The state of the player has changed"); 
} 

करने के लिए राज्य में परिवर्तन तक पहुँच जाता है इस कोड में एक सामान्य वातावरण में बस ठीक काम करता है, लेकिन यह सामग्री स्क्रिप्ट में काम करने के लिए विफल रहता है। मैं अपनी सामग्री स्क्रिप्ट में बदलती घटनाओं को क्यों नहीं पकड़ सकता? कोई विचार?

Answer 1

सामग्री स्क्रिप्ट वर्तमान पृष्ठ के दायरे में नहीं चलती हैं। ईवेंट हैंडलर इस जवाब में वर्णित है, एक और <script> टैग के माध्यम से इंजेक्ट किया गया है: Building a Chrome Extension with Youtube Events:

var actualCode = 'function onytplayerStateChange() {' 
       + ' console.log("The state of the player has changed");' 
       + '}'; 

var script = document.createElement('script'); 
script.textContent = actualCode; 
(document.head||document.documentElement).appendChild(script); 
script.parentNode.removeChild(script); 

पी एस। डीओएम सामग्री स्क्रिप्ट के लिए उपलब्ध है, इसलिए ईवेंट हैंडलर बाध्यकारी काम करता है।