[英]Track Onclick event in CSS - perform some action
我正在研究簡單的jQuery模態。 我想在模式后面的疊加層中執行onclick事件。 這是modal的鏈接 。 當用戶在模態之外單擊時,我需要關閉模態。 這是代碼。
#basic-modal-content {display:none;}
/* Overlay */
#simplemodal-overlay {background-color:#000; cursor:wait;}
/* Container */
#simplemodal-container {height:300px; width:600px; color:#bbb; background-color:#FFF; border:6px solid #72A014;border-radius:12px;-webkit-border-radius:12px;-moz-border-radius:12px; padding:12px;}
#simplemodal-container .simplemodal-data {padding:8px;}
#simplemodal-container code {background:#141414; border-left:3px solid #65B43D; color:#bbb; display:block; font-size:12px; margin-bottom:12px; padding:4px 6px 6px;}
#simplemodal-container a {color:#ddd;}
#simplemodal-container a.modalCloseImg {background:url(close.png) no-repeat; width:40px; height:40px; display:inline; z-index:3200; position:absolute; top:-20px; right:-23px; cursor:pointer;}
#simplemodal-container h3 {color:#84b8d9;}
用戶單擊疊加時,需要關閉模式。 有什么方法可以跟蹤模式外部的onclick事件並關閉它嗎?
希望我的問題清楚。 提前致謝!!
將事件綁定到#simplemodal-overlay
$("#simplemodal-overlay").click(function(){
//code to remove the overlay , same as on the close btn
});
但我不明白為什么在覆蓋上等待光標。
未經測試,但看起來應該可以使用: 論壇ASP.NET
聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.