ລັກສະນະ HTML popover

ການອະທິບາຍ ແລະ ການນໍາໃຊ້

popover ລັກສະນະຈະມີປະກອບສິ່ງອອກມາເປັນປະກອບສິ່ງອອກມາ, ພາຍຫຼັງທີ່ຖືກເອິ້ນ, ຈະຕັ້ງຢູ່ໃນທີ່ສຸດທີ່ມີທີ່ປະກອບສິ່ງອື່ນ, ແລະ ຈະບໍ່ມີຄວາມຂັດແຍ່ງກັບທີ່ຕັ້ງຢູ່ຂອງປະກອບສິ່ງອື່ນ.

ປະກອບສິ່ງອອກມາຈະບໍ່ສາມາດເຫັນໄດ້ຈົນຈົບທີ່ຖືກເອິ້ນຈາກປະກອບສິ່ງອື່ນ. ປະກອບສິ່ງອື່ນຕ້ອງມີລັກສະນະ popovertarget ທີ່ປະກອບສິ່ງອອກມາຈະອີງຕາມ id.

ປະກອບສິ່ງອອກມາຈະຕັ້ງຢູ່ໃນທີ່ສຸດທີ່ມີຂອງປະກອບສິ່ງອື່ນຫຼັງຈາກທີ່ຖືກເອິ້ນຈາກປະກອບສິ່ງອື່ນ: ປະກອບສິ່ງອອກມາຈະປ່ຽນລະດັບສະແດງ/ປິດຕົວ:

ພວກມັນ!

ປະກອບສິ່ງອອກມາສາມາດເປັນຫົວຂໍ້ HTML ທີ່ຢູ່ໃນຕົວຢ່າງກ່ວາຂອງພວກເຮົາ ຫຼື ສະຖານີ HTML ທີ່ຢູ່ໃນຕົວຢ່າງກ່ວາຂອງພວກເຮົາ:

ບໍ່ຊອກຫາອີກ:

ຄູ່ມື HTML:ລັກສະນະ HTML Input popovertarget

ຄູ່ມື HTML:ລັກສະນະ HTML Input popovertargetaction

ຄວາມຈິງ

ຕົວຢ່າງ 1

ສະເໜີບັນຫາ <h1> ທີ່ມີລັກສະນະ popover ແລະ ຄະແນນກົດດັນທີ່ສະແດງ/ປິດຕົວ:

<h1 popover id="myheader">ພວກມັນ!</h1>
<button popovertarget="myheader">ການກົດດັນຂ້ອຍ!</button>

ທ້າທາຍດຽວກັນ

ຕົວຢ່າງ 2

ໃຊ້ div ຄວາມປະເທດພະຫານພົວເຕິກ:

<div popover id="mydiv">
  <h2>Popover</h2>
  <hr>
  <p>ປະເທດພະຫານພົວເຕິກນີ້ແມ່ນປະເທດພະຫານພົວເຕິກທີ່ຕັ້ງຢູ່ໃສ່ປະເທດພະຫານພົວເຕິກທັງໝົດ.</p>
  <p>ຖ້າທ່ານຕ້ອງບອກກ່ຽວກັບບາງຢ່າງທີ່ສຳຄັນ, ທ່ານສາມາດໃຊ້ມັນ.</p>
</div>

ທ້າທາຍດຽວກັນ

ການສະແດງຈຳນວນ

<element popover>

ຄວາມຕໍ່ຕ້ອງ

popover ຄວາມຕໍ່ຕ້ອງແມ່ນຄວາມຕໍ່ຕ້ອງບັນດາ. ຖ້າມີການກະຕຸ້ນມັນ, ມັນຈະສະແດງວ່າປະກອບປະກອບແມ່ນປະກອບປະກອບຂອງປະເທດພະຫານພົວເຕິກ.

ການສະໜັບສະໜູນບັນດາຄອມພິວເຕິກ

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
114 114 ບໍ່ສາມາດສະໜັບສະໜູນ 17 100