How can I create "onclick" event in Chrome extension?
Question
Here is my main.html file:
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>Untitled Page</title>
<meta name="generator" content="WYSIWYG Web Builder 16 - https://www.wysiwygwebbuilder.com">
<link href="Chromium_Güncelleştirici_Eklenti_Projesi.css" rel="stylesheet">
<link href="main.css" rel="stylesheet">
</head>
<body>
<div id="wb_Image1" style="left:0px;top:0px;width:320px;height:50px;z-index:0;">
<img src="Assets/baslik.png" id="Image1" alt=""></div>
<div id="wb_Image7" style="left:0px;top:160px;width:320px;height:35px;z-index:1;">
<img src="Assets/guncellestirmeleriDenetlePasif.png" id="Image2" alt=""></div>
<div id="wb_Image3" style="left:0px;top:87px;width:320px;height:36px;z-index:3;">
<img src="Assets/ayarlarPasif.png" id="Image3" alt=""></div>
<div id="wb_Image4" style="left:0px;top:123px;width:320px;height:72px;z-index:4;">
<img src="Assets/hakkindaPasif.png" id="Image4" alt=""></div>
<script src="../Data/deneme.js" type="module">
</body>
</html>
Here is my deneme.js file:
document.addEventListener
(
'DOMContentLoaded',
function()
{
var dugme = document.getElementById('Image2');
dugme.addEventListener
(
'click',
function()
{
console.log('Merhaba Dünya!');
}
);
}
);
But the problem is, when I click the Image2 , the browser does not respond.
I did not write JS code into my main.html file; because Chromium blocks my extension (Content Security Policy).
So, what should I do?
1 answers
solution1
0 ACCPTED 2021-06-05 15:08:14
You didn't close the script tag.
Try below html, it should work fine:
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>Untitled Page</title>
<meta name="generator" content="WYSIWYG Web Builder 16 - https://www.wysiwygwebbuilder.com">
<link href="Chromium_Güncelleştirici_Eklenti_Projesi.css" rel="stylesheet">
<link href="main.css" rel="stylesheet">
</head>
<body>
<div id="wb_Image1" style="left:0px;top:0px;width:320px;height:50px;z-index:0;">
<img src="Assets/baslik.png" id="Image1" alt=""></div>
<div id="wb_Image7" style="left:0px;top:160px;width:320px;height:35px;z-index:1;">
<img src="Assets/guncellestirmeleriDenetlePasif.png" id="Image2" alt=""></div>
<div id="wb_Image3" style="left:0px;top:87px;width:320px;height:36px;z-index:3;">
<img src="Assets/ayarlarPasif.png" id="Image3" alt=""></div>
<div id="wb_Image4" style="left:0px;top:123px;width:320px;height:72px;z-index:4;">
<img src="Assets/hakkindaPasif.png" id="Image4" alt=""></div>
<script src="../Data/deneme.js" type="module"></script>
</body>
</html>
The technical post webpages of this site follow the CC BY-SA 4.0 protocol. If you need to reprint, please indicate the site URL or the original address.Any question please contact:yoyou2525@163.com.
Related Question
How can I create a loop in an onClick event?
How can I update an onBeforeRequest event listener in a chrome extension?
How can I create an onclick event on an openlayers marker?
Can I remove event listeners with a Chrome extension?
How I can create a Chrome extension that reads an xml or json
How can I create a left-click menu in a Chrome extension
How can I create session in my chrome extension using javascript?
Inserting a button into the DOM with an onclick event for Chrome extension
OnClick Event doesn't work in Chrome Extension
How can I deactivate images with an onClick Event using JavaScript ? (Working on browser extension)
Related Tags