How to bind events to the rendition in epub.js
up vote
1
down vote
favorite
I want to register a right click listener on the page in epub.js but don't know how to do it. There is also passEvents method of rendition object but couldn't find any help on that either. This is my last try:
rendition.on("rendered", () => {
const contents = rendition.getContents()
contents.document.addEventListener('contextmenu', showContextMenu, false);
});
javascript epub.js
edited Nov 18 at 10:16
Poul Bak
5,26831132
asked Nov 18 at 7:59
pouya
66321427
add a comment |
up vote
1
down vote
favorite
I want to register a right click listener on the page in epub.js but don't know how to do it. There is also passEvents method of rendition object but couldn't find any help on that either. This is my last try:
rendition.on("rendered", () => {
const contents = rendition.getContents()
contents.document.addEventListener('contextmenu', showContextMenu, false);
});
javascript epub.js
edited Nov 18 at 10:16
Poul Bak
5,26831132
asked Nov 18 at 7:59
pouya
66321427
Do you want to pass the event whenrenditionis rendered?
– Tico
Nov 18 at 9:05
add a comment |
up vote
1
down vote
favorite
up vote
1
down vote
favorite
I want to register a right click listener on the page in epub.js but don't know how to do it. There is also passEvents method of rendition object but couldn't find any help on that either. This is my last try:
rendition.on("rendered", () => {
const contents = rendition.getContents()
contents.document.addEventListener('contextmenu', showContextMenu, false);
});
javascript epub.js
edited Nov 18 at 10:16
Poul Bak
5,26831132
asked Nov 18 at 7:59
pouya
66321427
I want to register a right click listener on the page in epub.js but don't know how to do it. There is also passEvents method of rendition object but couldn't find any help on that either. This is my last try:
rendition.on("rendered", () => {
const contents = rendition.getContents()
contents.document.addEventListener('contextmenu', showContextMenu, false);
});
javascript epub.js
javascript epub.js
edited Nov 18 at 10:16
Poul Bak
5,26831132
asked Nov 18 at 7:59
pouya
66321427
edited Nov 18 at 10:16
Poul Bak
5,26831132
asked Nov 18 at 7:59
pouya
66321427
edited Nov 18 at 10:16
Poul Bak
5,26831132
edited Nov 18 at 10:16
Poul Bak
5,26831132
edited Nov 18 at 10:16
Poul Bak
5,26831132
5,26831132
asked Nov 18 at 7:59
pouya
66321427
asked Nov 18 at 7:59
pouya
66321427
asked Nov 18 at 7:59
pouya
66321427
66321427
Do you want to pass the event whenrenditionis rendered?
– Tico
Nov 18 at 9:05
add a comment |
Do you want to pass the event whenrenditionis rendered?
– Tico
Nov 18 at 9:05
Do you want to pass the event when
rendition is rendered?– Tico
Nov 18 at 9:05
Do you want to pass the event when
rendition is rendered?– Tico
Nov 18 at 9:05
add a comment |
1 Answer
1
active
oldest
votes
up vote
1
down vote
accepted
Based on what you asked and I hope I got it right, you want a contextmenu event at the book itself, right?
If that's the case I used the following JS:
rendition.on("rendered", (e,i) => {;
i.document.documentElement.addEventListener('contextmenu', (cfiRange, contents) => {
console.log('hey');
})
});
This code simply returns hey when I right click at the book. But as you can see there are two parameters (cfiRange, contents) which contains what you need.
In any case, I created a fiddle.
Another solution would be use document as the element receiving the event, but in my tests it gets everything but the book.
answered Nov 18 at 10:09
Tico
2,02812331
add a comment |
1 Answer
1
active
oldest
votes
1 Answer
1
active
oldest
votes
active
oldest
votes
active
oldest
votes
up vote
1
down vote
accepted
Based on what you asked and I hope I got it right, you want a contextmenu event at the book itself, right?
If that's the case I used the following JS:
rendition.on("rendered", (e,i) => {;
i.document.documentElement.addEventListener('contextmenu', (cfiRange, contents) => {
console.log('hey');
})
});
This code simply returns hey when I right click at the book. But as you can see there are two parameters (cfiRange, contents) which contains what you need.
In any case, I created a fiddle.
Another solution would be use document as the element receiving the event, but in my tests it gets everything but the book.
answered Nov 18 at 10:09
Tico
2,02812331
add a comment |
up vote
1
down vote
accepted
Based on what you asked and I hope I got it right, you want a contextmenu event at the book itself, right?
If that's the case I used the following JS:
rendition.on("rendered", (e,i) => {;
i.document.documentElement.addEventListener('contextmenu', (cfiRange, contents) => {
console.log('hey');
})
});
This code simply returns hey when I right click at the book. But as you can see there are two parameters (cfiRange, contents) which contains what you need.
In any case, I created a fiddle.
Another solution would be use document as the element receiving the event, but in my tests it gets everything but the book.
answered Nov 18 at 10:09
Tico
2,02812331
add a comment |
up vote
1
down vote
accepted
up vote
1
down vote
accepted
Based on what you asked and I hope I got it right, you want a contextmenu event at the book itself, right?
If that's the case I used the following JS:
rendition.on("rendered", (e,i) => {;
i.document.documentElement.addEventListener('contextmenu', (cfiRange, contents) => {
console.log('hey');
})
});
This code simply returns hey when I right click at the book. But as you can see there are two parameters (cfiRange, contents) which contains what you need.
In any case, I created a fiddle.
Another solution would be use document as the element receiving the event, but in my tests it gets everything but the book.
answered Nov 18 at 10:09
Tico
2,02812331
Based on what you asked and I hope I got it right, you want a contextmenu event at the book itself, right?
If that's the case I used the following JS:
rendition.on("rendered", (e,i) => {;
i.document.documentElement.addEventListener('contextmenu', (cfiRange, contents) => {
console.log('hey');
})
});
This code simply returns hey when I right click at the book. But as you can see there are two parameters (cfiRange, contents) which contains what you need.
In any case, I created a fiddle.
Another solution would be use document as the element receiving the event, but in my tests it gets everything but the book.
answered Nov 18 at 10:09
Tico
2,02812331
answered Nov 18 at 10:09
Tico
2,02812331
answered Nov 18 at 10:09
Tico
2,02812331
answered Nov 18 at 10:09
Tico
2,02812331
2,02812331
add a comment |
add a comment |
Sign up or log in
StackExchange.ready(function () {
StackExchange.helpers.onClickDraftSave('#login-link');
});
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
StackExchange.ready(
function () {
StackExchange.openid.initPostLogin('.new-post-login', 'https%3a%2f%2fstackoverflow.com%2fquestions%2f53358934%2fhow-to-bind-events-to-the-rendition-in-epub-js%23new-answer', 'question_page');
}
);
Post as a guest
Required, but never shown
Sign up or log in
StackExchange.ready(function () {
StackExchange.helpers.onClickDraftSave('#login-link');
});
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
Sign up or log in
StackExchange.ready(function () {
StackExchange.helpers.onClickDraftSave('#login-link');
});
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
Sign up or log in
StackExchange.ready(function () {
StackExchange.helpers.onClickDraftSave('#login-link');
});
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Do you want to pass the event when
renditionis rendered?– Tico
Nov 18 at 9:05