Can onbeforeunload be implemented in this manner?

Can I implement an onbeforeunload function in this way?

   window.onbeforeunload = function(evt) { 

            if(return true)
            {
                if(confirm('Are you sure you want to logout'));
                {
                     //logout function
                }
            }
    }

If a user clicks on the "leave this page" button, I want to prompt them to logout of the session. Is this achievable?

Answer №1

Do you require this?

   <script type="text/javascript">
      window.onbeforeunload = function() { 
       if(confirm('Are you sure you want to log out?'))
       {
            alert("Logging out")
       }
    }
  </script>

Similar questions

If you have not found the answer to your question or you are interested in this topic, then look at other similar questions below or use the search

Issue encountered while attempting to load several google charts simultaneously

What do I need? I am in need of two Google charts, one on each tab of the website as shown in the screenshot below: Tabs What seems to be the issue? The second chart is not loading properly and showing mixed information. This can be observed in the scre ...

What could be causing my Angular Ngrx app's state not to render properly on the application?

Is there a way to automatically render the state when the app loads without having to click a button? I am currently facing an issue where the state is empty until I manually trigger the click function by pressing a button. I have tried using this.store.se ...

In Javascript, combining strings without using a ternary operator

My usual approach is this: myVar = "myString is" + 1 === 1 ? " really true" : " false, I think"; But sometimes I just need the true part, like so: myVar = "myString is" + 1 === 1 ? " really true" : ""; The empty string : "" bothers me because it feels ...

How do I use JavaScript to make each trigger execute a function that only impacts its own child elements?

As I delve into the world of Javascript, I find myself grasping the concepts bit by bit. However, there's one thing that's been puzzling me, something so basic that I can't seem to find a clear answer on. My challenge involves a sidebar wit ...

Iterate over a collection of nested objects to retrieve an object

I have been troubleshooting this code but I just can't seem to figure it out. I am attempting to iterate through an object of objects and return a new object with key value pairs. const res = {0 : {id: "id1", name: "name1" , rolln ...

JavaScript-generated buttons fail to trigger VueJS functions

I have a function that creates buttons for each item in a list, and each button is supposed to execute a function in the App.vue file when clicked. The issue I am facing is that neither the onclick nor the v-on:click methods are functioning as expected. ...

Error encountered: EPERM when attempting to rename a directory in Node.js unexpectedly

There is a requirement for me to remove the Backup folder, rename the processor as Backup, create a Processor folder again, and send a response to the user. The code I am using for this task is as follows: fsExtra.remove('app/Backup', function(e ...

JavaScript accordions failing to open

I've encountered an issue with my website that includes JS accordions. Strangely, they are not opening on the live site, but they function properly on Codepen. I checked the console in Chrome and found no error messages, however, when I looked at the ...

"Guide to triggering the display of a particular div based on its class when clicked

I have multiple div elements with the class name dis HTML: <div class="dis">Content</div> <div class="dis">Content</div> <div class="dis">Content</div> and so on ... Additionally, there are various images: <img sr ...

Issue with React/D3.js Density Plot - Error: The <path> attribute d is expecting a number, but received "M10,NaNL12,NaNC14,Na…"

I'm currently working on implementing a Density Plot in React using D3.js, but unfortunately, the plot is not appearing on the screen. Since I don't have much experience with charts and data visualization, I've been trying to follow the exam ...

Leveraging AngularJS with API integration

Struggling to grasp the inner workings of AngularJS while attempting my initial API calls, I hit a roadblock. I'm aiming to execute 2 API calls but can't seem to get it right. Following the first $http.get, I intend to make another call (using ...

Extensive application featuring a complex form built with react-redux

Recently, I've been tasked with revamping a module at my company using react. This module consists of a single page that is made up of 4-5 different forms. The selections made in each form determine the appearance of the following form step. While th ...

What is the best way to obtain the clicked ID when a user clicks on an element within

As a budding web developer, I've been working on a code snippet to dynamically load data into an iframe: $(document).ready(function () { function loadMaterials(type, query) { $.ajax({ type: 'GET', url: &ap ...

Swapping a value within an array and moving it to a new position

Consider this scenario: I am dealing with a list of arrays containing values like: let data = [ "10-45-23:45", "10-45-22:45", "10-45-20:45", "10-45-23:45", "10-45-23:59,00:00-04:59", "10-45-23:59, 0 ...

Should You Ajaxify Your Website?

Absolutely loving the way Ajax can transform a web app into something that performs like a desktop application. The concern, however, arises when dealing with high volume sites. Currently working on an intranet-based database app meant for only 2-4 users a ...

Picture failing to show in browser despite successful upload using node

I am encountering some challenges while attempting to upload images using a node-express server. Two issues have come up. Firstly, the uploaded picture file lacks a proper extension and is given an auto-generated name like 2f22c2502b907f7bf0bc2567c43c801c ...

Why is React JS unable to discover my exported modules?

Upon running my React app, the console displayed the following error message: Failed to compile. ./src/components/login/index.js Attempted import error: 'Login' is not exported from './login'. Here is an overview of the folder struct ...

Installing a node.js application on elastic beanstalk with express framework

I've been struggling with deploying my application to Elastic Beanstalk throughout the entire day. The project structure I have is as follows (a single page app built with React) dist/ index.html bundle.js package.json app.js I compress it into ...

Why is it not possible for me to require SceneExporter in node.js?

Hey there, I have a question. I am having trouble using SceneExporter in node.js, and I will provide some examples to explain: THREE = require 'three' - I have included the module that I installed in node.js Export = require './SceneExporte ...

Leverage dynamically loaded HTML classes using jQuery

My page has dynamically loaded divs with the class name product. The issue I am facing is that Jquery does not seem to recognize this class when using the code below. Clicking on the product divs doesn't trigger any action, while clicking on nav-eleme ...