Community Learn Tools Library Leisure
search
English
Home > Web Front-end > JS Tutorial > How to edit text by clicking on it without ajax_javascript skills

How to edit text by clicking on it without ajax_javascript skills

WBOY
Release： 2016-05-16 19:07:15
Original
1149 people have browsed it

New to creatElement, appendChild and other stuff! hehe!
Writing this thing may seem very immature to experts! But I wrote it entirely myself!
It’s not perfect yet, please give me guidance! ! " -//W3C//DTD HTML 4.0 Transitional//EN">

New Document .test{border:1px solid #ccc;background-color:#eee;width:200px;height:60px;}


Editable content

Editable content

< ;/BODY>



The final code to solve the browser problem

[Ctrl A select all Note: If you need to introduce external Js, you need to refresh to execute
]
Related labels：
点击文字即可编辑
source：php.cn
Previous article：The simplest implementation of creating a namespace in JavaScript_javascript skills Next article：Can JS control multiple iframe pages across files at the same time? Application skills_javascript skills
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
NumberInput mouse wheel handling ignores capture phase event filtering Very short version: I'm a bit stuck and don't quite understand why this code does indeed i...
From 2024-04-05 12:21:04
0
1
1387
Connect your account and get your tokens easily with DocuSign's simple button I'm using the sdk version and almost get what I want, but it's not clear yet. How can we c...
From 2024-04-04 15:46:02
0
1
396
Word counting in HTML using regular expressions This is the same problem as this. But since I'm not using javascript, "innerText"...
From 2024-04-01 22:44:06
0
1
416
Scroll event listener added to element but only moves correctly if scrollTop is not equal to 0 So I wrote this little script where I have two lists - Completed/Active Tasks, you can swi...
From 2024-04-01 11:03:26
0
1
326
In Angular, can I integrate a tree view into the Syncfusion document editor on button click? I created a custom button in the syncfusion document editor toolbar and named it tree view...
From 2024-04-01 09:18:00
0
1
284
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