简体中文(ZH-CN) English(EN) 繁体中文(ZH-TW) 日本語(JA) 한국어(KO) Melayu(MS) Français(FR) Deutsch(DE)
Heim > Web-Frontend > HTML-Tutorial > Hauptteil

ie下获取不到textarea的焦点_html/css_WEB-ITnose

WBOY
Freigeben： 2016-06-24 11:50:49
Original
1283 Leute haben es durchsucht

<html lang="en"><head>	<meta charset="UTF-8">	<title>Document</title></head><body>	<textarea name="" id="" cols="30" rows="10" readOnly=true></textarea>	<script src="jquery-1.9.1.js"></script>	<script type="text/javascript">			$(function(){ 				$('textarea').on('click',function(){ 						$(this).attr('readOnly',false);						this.focus();				 })			});	</script></body></html>
Nach dem Login kopieren


各位大牛  我这边想要的效果是单击textarea后就能够获取焦点 并且直接输入 ，这个代码在ff和chrome下面都可以 但 是在ie下面必须得点击两次
我该怎么解决 ··真心求助


回复讨论(解决方案)

允许输入的话就用css模拟readOnly样式，聚焦的时候去掉这个css

允许输入的话就用css模拟readOnly样式，聚焦的时候去掉这个css

兄弟你没明白我的意思

这个已经解决了 在stackoverflow上面看到的 :方法一 ie下面单独处理用 select() 这样交互一点不好
                                                                                方法二 $(this).attr('contentEditable',true)这样来处理，但是谷歌和火狐不支持，单独处理一下即可，这应该是最好的解决办法了吧
Verwandte Etiketten：
ie下获取不到textarea的焦点
Quelle：php.cn
Vorheriger Artikel：很多浏览器是不是不支持表格的bordercolorlight和bordercolordark属性丫?_html/css_WEB-ITnose Nächster Artikel：很漂亮的用户登录界面HTML模板_html/css_WEB-ITnose
Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Neueste Artikel des Autors
Aktuelle Ausgaben
Erstellen Sie rekursive MySQL-Abfragen für hierarchische Daten Ich habe eine MySQL-Tabelle wie folgt: ID-Name parent_id19 Kategorie 1020 Kategorie 21921 ...
Aus 2023-10-12 18:34:33
0
1
212
Verknüpfen Sie die Variablen-ID mit der Profilseite Ich habe eine Seite, die einige Informationen aus einer Datenbank anzeigt. Ich möchte jede...
Aus 2023-09-10 10:56:31
0
1
341
Wie macht MaterialUI das? Wenn Sie sich ihre Autovervollständigungskomponente ansehen: https://mui.com/material-ui/r...
Aus 2023-09-04 18:17:31
0
1
278
Es wird versucht, über die Nuxt 3-Middleware eine Verbindung zum Redis-Client herzustellen, aber die Verbindung ist nicht definiert Ich versuche erfolglos, eine Verbindung zu einem Redis-Server herzustellen, um Sitzungsdat...
Aus 2023-08-30 13:36:47
0
1
205
Wie erstelle ich eine hierarchische rekursive MySQL-Abfrage? Ich habe eine MySQL-Tabelle wie diese: ID-Name parent_id19 Kategorie 1020 Kategorie 21921 ...
Aus 2023-08-23 21:55:29
0
1
322
verwandte Themen
Mehr>
Beliebte Empfehlungen
Beliebte Tutorials
Mehr>
Verwandte Tutorials
Beliebte Empfehlungen
Aktuelle Kurse
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage
Über uns Haftungsausschluss Sitemap
Chinesische PHP-Website：Online-PHP-Schulung für das Gemeinwohl，Helfen Sie PHP-Lernenden, sich schnell weiterzuentwickeln！