У меня есть некоторые встроенные svg-файлы на моем сайте. Я хотел бы использовать onmouseclick, onmouseout и onmousemove функции на них, но они не работают. Можно ли это сделать?Как вызвать функции мыши для встраивания данных?
0
A
ответ
2
Это возможно только в том случае, если встроенный SVG-скрипт обслуживается из того же домена. После того, как встроенный контент завершит загрузку, вы хотите получить фактический документ svg с помощью getSVGDocument
. Оттуда вы добавляете события. Проверьте это демо:
rect.svg
<svg xmlns="http://www.w3.org/2000/svg"
version="1.1"
width="300"
height="200">
<rect x="50" y="25" width="200" height="150" fill="red"/>
</svg>
eventsDemo.js
var log, emb, svgDoc, rect;
log = function (e) {
console.log(e.type);
};
emb = document.querySelector('embed');
emb.addEventListener('load', function() {
svgDoc = emb.getSVGDocument();
rect = svgDoc.querySelector('rect');
rect.addEventListener('click', log);
rect.addEventListener('mousemove', log);
rect.addEventListener('mouseout', log);
});
demo.html
<!doctype html>
<html>
<head>
</head>
<body>
<embed type='image/svg+xml' src='rect.svg'>
<script src='eventsDemo.js'></script>
</body>
</html>
Смежные вопросы
- 1. Как вызвать функции-члены из обработчика мыши?
- 2. Как установить переменную для функции JavaScript для встраивания видео?
- 3. Как вызвать функции из * .min.js по щелчку мыши
- 4. Как мгновенно вызвать обработчикOut для функции hover()?
- 5. Создание таблицы встраивания для вложенных данных json
- 6. встраивания данных в RDL отчет
- 7. Алгоритм встраивания
- 8. как маленькие должен быть код для встраивания
- 9. функции мыши api для окон
- 10. как вызвать функции самостоятельно?
- 11. Как вызвать частичные функции
- 12. Youtube URL для встраивания
- 13. Библиотеки для встраивания Jetty?
- 14. Как вызвать вложенные функции?
- 15. Почему Twitter использует синтаксис функции! В своем коде для встраивания
- 16. Как вызвать функции для элементов self C#
- 17. Преобразование функции на основе innerHTML для встраивания на страницу XHTML?
- 18. Как вызвать функцию на якорь тегов мыши
- 19. Как вызвать метод щелчка мыши на Java?
- 20. JQuery второй мыши вызвать функцию
- 21. Как вызвать функции из спрайтов в группах?
- 22. как вызвать легированной пользовательский интерфейс на функции мыши для всех элементов с именем класса же CSS
- 23. Невозможно вызвать Servlet кнопку мыши
- 24. Как писать HTML для встраивания флэш-контент
- 25. Как передавать данные для встраивания ViewController?
- 26. Как реализовать систему для встраивания объектов?
- 27. Как сгенерировать код для встраивания javascript
- 28. Как использовать тензометрический проектор для встраивания?
- 29. Как использовать Google Guice для встраивания зависимостей
- 30. Изменить язык для встраивания YouTube
сделали вы пытались что-нибудь? вставьте код здесь –
Я дал wmode = "transparent" для встраивания и функцию mouseclick для родительского div, но он не работает –