如何讓div支援focus事件

阿新 • • 發佈：2018-11-14

一般情況下，onblur事件只在input等元素中才有，而div卻沒有，因為div沒有tabindex屬性，所以要給div加上此屬性。

如：

1	`<div` `tabindex="0" hidefocus="true" onfocus='alert("得到焦點");' onblur='alert("失去焦點");' style="border:1px solid #ccc;width:200px;height:200px;outline=0;"></div>`

　定義tabindex屬性後，元素是預設會加上焦點虛線的，那麼在IE中可以通過hidefocus="true"去除！其他瀏覽器通過outline=0進行去除！

如何讓div支援focus事件

一般情況下，onblur事件只在input等元素中才有，而div卻沒有，因為div沒有tabindex屬性，所以要給div加上此屬性。如： 1 <div tabindex="0" hidefocus="true" onfocus='a

讓HTML標籤、DIV、SPAN擁有focus事件和blur事件，聚焦和失焦

DIV和其他普通標籤是不具有onfocus和onblur事件的。INPUT和A標籤為什麼擁有？而DIV和SPAN等普通標籤卻沒有？有時候我們習慣性用鍵盤的TAB來移動游標，仔細看你會發現，游標只在INPUT和A上跳轉。因為INPUT和A標籤具備TAB屬性。我們只需要給DIV或者SPAN等普通標籤建立TAB，這

vue框架中的表單輸入框不支援focus以及blur事件的解決方案

採用指令的方式來解決這個問題(此處的前端框架以mint-ui為例): 1.html引用: v-mtfocus 2.在例項中新增指令 directives: { 'mtfocus' (el, binding, vnode) { let mtinput = el.query

js實現緩動效果-讓div運動起來

rect() prop star this line ret rtti logs start var tween = { linear:function(t,b,c,d){ return c*t/d + b; }, eas

讓div自適應瀏覽器窗口居中顯示

col style comm 適應 http img relative 水平 mar 讓div自適應瀏覽器窗口居中顯示轉載自：http://www.cnblogs.com/qiye2016/p/5492983.html 今天做 banner 時發現一個問題，就是

讓DIV可編輯、可拖動

用CSS讓DIV上下左右居中的方法

pan eth ack 觀察 sticky style 調整 .net ani 轉載自喜歡JS的無名小站例如一個父div(w:100%;h:400px)中有一個子div(w:100px;100px;)。讓其上下左右居中。方法一（varticle-align）理念

https-讓網站支援https協議2

上篇寫到怎麼搭建https://mp.csdn.net/postedit/79349084 顯示域名剩餘天數： ./certbot-auto certificates 手工更新： ./certbot-auto certonly --w

Django 實現HTML轉PDF 用通用檢視編寫PDF 並且讓PDF支援中文

Django 實現HTML轉PDF 用通用檢視編寫PDF 並且讓PDF支援中文如何使用django-easy-pdf django-easy-pdf的依賴安裝django-easy-pdf 使用過程中遇到的問題總結

讓MySQL支援Emoji表情 mysql 5.6

讓MySQL支援Emoji表情，涉及無線相關的 MySQL 資料庫建議都提前採用 utf8mb4 字符集。 mysql 版本 5.6 1 解決方案：將Mysql的編碼從utf8轉換成utf8mb4。需要 >=

linux之讓終端支援C++11/14編譯cpp檔案

1 問題我們的專案很多智慧指標,但是我linux的終端肯定不支援C++11/14, 我們平時都是用的下面的命令編譯c++檔案 g++ -g file.cpp -o file r 如果是用c++11編譯需要改成如下 g++ -g -Wall -std=c+

Koa2學習系列08-解析JSON——讓 Koa2 支援響應 JSON 資料

JSON 資料我顛倒了整個世界，只為擺正你的倒影。前面的文章中，我們已經完成了專案中常見的問題，比如路由請求、結構分層、檢視渲染、靜態資源等。那麼，JSON 呢？JSON 格式資料的傳輸，已經深入到了我們的碼裡行間，脫離了

css讓div居中顯示

絕對居中 .xx_div { position: absolute; /* left, right, bottom, top要和position一起使用，margin-*不用 */ top: 0; left: 0; right: 0; bott

Linux系統裡讓vim支援markdown格式的語法高亮

Markdown是深受程式設計師喜愛的一個檔案格式。然而Linux裡預設的vim設定，並不支援markdown格式的語法高亮顯示。下面就來介紹如何設定使得markdown格式的檔案在vim裡也能享有語法高亮的待遇。首先安裝一個vim的外掛管理工具： vim-pathogen 它的原始碼地址：

用display: inline-block;讓div居於一行，div內填充元素後錯位問題

<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title></title> <style> .test{ width: 2

Fedora CentOS Red Hat中讓vim支援語法高亮設定

Fedora / CentOS / Red Hat這三個系統裡預設的vi是沒有語法高亮顯示的，白色的字型看起來很不舒服。首先用命令列cat /etc/os-release檢視當前linux系統的型別，發現為Red Hat：使用命令列yum install vim-enhanced下載vi的增強

jquery中關於on()方法支援的事件

今天對on(‘click’,function(){})方法中函式命名成click產生了一些疑問，自以為想產生這個點選事件換一個函式名是不是也可以，然後試了一下，發現不行，原來on()方法有它自己支援的jquery事件，這些事件名不可隨意更改，否則將破壞函式的功能；下面是on()方法支援的所有jque

讓postgresql支援儲存過程(函式)的除錯

原帖地址：http://blog.chinaunix.net/uid-280772-id-2135418.html 用PG做了些專案，積累了些經驗，其中之一就是在PG下除錯function。可以設定break point，單步除錯，就象在eclipse

讓div父元素的高度隨子元素高度的變化而變化

分享一下我老師大神的人工智慧教程！零基礎，通俗易懂！http://blog.csdn.net/jiangjunshow 也歡迎大家轉載本篇文章。分享知識，造福人民，實現我們中華民族偉大復興！

如何讓DIV水平和垂直居中

CSS讓DIV水平居中說明，本文中所指的DIV包括HTML頁面中所有的元素。讓一個DIV水平居中，直接用CSS就可以做到。只要設定了DIV的寬度，然後使用margin設定邊距0 auto，CSS自動算出左右邊距，使得DIV居中。 .mydiv{ margin:

如何讓div支援focus事件

相關推薦