Как нажимать на кнопку «печать» в диалоговом окне с помощью js?

Question

[podushka]

Добрый день. На сайте есть кнопка "печать", после нажатия которой открывается окно печати. Но нужно, чтобы кнопка "печать" в этом окне нажималась сама, а не чтобы пользователь сам нажимал на неё.
Вот код:

$(".action-print").click(function(){
        	window.onafterprint = location.reload();
                window.print();
           });

Но в этом коде окно печати открывается, и страница сразу перезагружается. Страница, соответственно, не печатается.

Comments

[Adamos]

return false; последней строчкой. Кнопка, видимо - не кнопка, а ссылка.

[podushka]

Adamos, вместо ссылки используется обычный div

Answer 1

[Noder SS]

$(".action-print").click() так типо? Не понял задачу

Comments

[podushka]

ну на странице есть кнопка "печать", у которой класс "action-print". После нажатия этой кнопки открывается окно с печатью страницы. Там уже есть кнопка "печать", которую надо нажимать при помощи js, а не чтобы пользователь сам нажимал на неё

[Noder SS]

podushka, Тогда той кнопке пропишите .click() в нужное время. Если не понятно - могу попробовать самостоятельно отредачить код

[podushka]

Noder SS, ну если честно, то не понятно :/

[Noder SS]

podushka, Хорошо, дайте код и покажите класс кнопки, какая должна кликаться автоматически

[podushka]

Noder SS,
<div class="button action-print">Печать</div>
ну и js написан выше

[podushka]

podushka,
ещё:
<div class="print"><h1>Текст для печати</h1></div>
данный блок показывается только когда страница печатается. На самой странице его не видно

[Noder SS]

podushka, На какой блок нужно нажимать автоматически?

[podushka]

Noder SS, неет, не на блок, а на кнопку "печать" в диалоговом окне, которое появляется после нажатия кнопки "Печать" на странице

[Noder SS]

podushka, Как раз этой кнопке и прописываете .click(), когда она должна сама нажиматься, что именно не понятно?

[podushka]

Noder SS,
вот на эту кнопку надо нажимать автоматически

[Noder SS]

podushka,

<p class="print">Печать</p>
<script>
let print = document.querySelector(".print")
print.click()
</script>

Метод .click() просто осуществляет событие клика на элемент.
https://developer.mozilla.org/ru/docs/Web/API/HTML...

Answer 2

[ThunderCat]

1)

Но в этом коде окно печати открывается, и страница сразу перезагружается. Страница, соответственно, не печатается.

Может для начала уберете location.reload(); и разберетесь с печатью?
2) Если речь идет о кнопке печати в модальном окне хрома, то никак. Во первых данный хтмл вне контекста текущего документа (и соответственно жсом туда не достучаться), во вторых там может быть что угодно у пользователя выставлено по умолчанию, у меня например сохранение в пдф, что вызывает еще диалоговые окна и т.д..

Answer 3

[Stalker_RED]

Нельзя вот так просто отправить на печать браузерных js без подтверждения пользователя.
Если делаете для себя, то есть парочка костылей со стороны браузера или ОС.
https://stackoverflow.com/questions/9213660/html-j...

Comments

[ThunderCat]

картинку забыл вставить )