SVG Event.returnValue Property
Last Updated :
30 Mar, 2022
The SVG Event.returnValue property indicates whether the default action for this event has been prevented or not.
Syntax:
var bool = event.returnValue
Return value: This property returns the boolean value of the event element.
Example 1: In this example, we will use onclick event for the SVG circle element.
HTML
<!DOCTYPE html>
< html >
< body >
< svg viewBox = "0 0 1000 1000"
< circle cx = "50" cy = "50" r = "50"
onclick = "check(event)" />
< script type = "text/javascript" >
function check(event) {
document.write(
"This Event is returnValue : ",
event.returnValue);
}
</ script >
</ svg >
</ body >
</ html >
|
Output:
Example 2:In this example, we will use the onclick event for the SVG text element.
HTML
<!DOCTYPE html>
< html >
< body >
< svg viewBox = "0 0 1000 1000"
< text x = "50" y = "20" font-size = "20px"
onclick = "check(event)" >
GeeksForGeeks
</ text >
< script type = "text/javascript" >
function check(event) {
document.write(
"This Event is returnValue : ",
event.returnValue);
}
</ script >
</ svg >
</ body >
</ html >
|
Output:
Example 3: In this example, we will use onmouseover event for the SVG circle element.
HTML
<!DOCTYPE html>
< html >
< body >
< svg viewBox = "0 0 1000 1000"
< circle cx = "50" cy = "50" r = "50"
onmouseover = "check(event)" />
< script type = "text/javascript" >
function check(event) {
document.write(
"This Event is returnValue : ",
event.returnValue);
}
</ script >
</ svg >
</ body >
</ html >
|
Output:
Example 4: In this example, we will use onmouseover event for the SVG text element.
HTML
<!DOCTYPE html>
< html >
< body >
< svg viewBox = "0 0 1000 1000"
< text x = "50" y = "20" font-size = "20px"
onmouseover = "check(event)" >
GeeksForGeeks
</ text >
< script type = "text/javascript" >
function check(event) {
document.write(
"This Event is returnValue : ",
event.returnValue);
}
</ script >
</ svg >
</ body >
</ html >
|
Output:
Like Article
Suggest improvement
Share your thoughts in the comments
Please Login to comment...