Community Learn Tools Library Leisure
search
English
Home > Web Front-end > HTML Tutorial > The focus of textarea cannot be obtained under IE_html/css_WEB-ITnose

The focus of textarea cannot be obtained under IE_html/css_WEB-ITnose

WBOY
Release： 2016-06-24 11:50:49
Original
1333 people have browsed it

<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>
Copy after login


Dear experts, the effect I want here is to be able to get focus after clicking the textarea and input directly. This code can be used under ff and chrome, but it must be used under ie. Click twice
How should I solve it? Sincerely help


Reply to the discussion (solution)

If input is allowed, use css to simulate the readOnly style , remove this css when focusing

If input is allowed, use css to simulate the readOnly style, remove this css when focusing

Brother, you don’t understand what I mean

This is already Solved what I saw on stackoverflow: Method 1 It’s not good to use select() to interact with it separately
Method 2 $ (this).attr('contentEditable',true) is handled in this way, but Google and Firefox Not supported, just handle it separately. This should be the best solution
Related labels：
ie下获取不到textarea的焦点
source：php.cn
Previous article：Do many browsers not support the bordercolorlight and bordercolordark attributes of tables?_html/css_WEB-ITnose Next article：Very beautiful user login interface HTML template_html/css_WEB-ITnose
Statement of this Website
The content of this article is voluntarily contributed by netizens, and the copyright belongs to the original author. This site does not assume corresponding legal responsibility. If you find any content suspected of plagiarism or infringement, please contact admin@php.cn
Latest Articles by Author
Latest Issues
Changing from show hidden to show block when focus doesn't work I'm trying to get my "searchbardropdown" to show up when "searchbarinput&qu...
From 2024-04-04 14:24:47
0
1
371
Focus doesn't move after using useRef hook in react Here is my code where I get a reference to the current element that I want to focus on, bu...
From 2024-04-02 21:46:33
0
1
383
Related Topics
More>
Popular Recommendations
Popular Tutorials
More>
Related Tutorials
Popular Recommendations
Latest courses
Latest Downloads
More>
Web Effects
Website Source Code
Website Materials
Front End Template