hujung hadapan web
tutorial js
Kaedah JS untuk melaksanakan pengeditan klik dua kali untuk mengubah suai kemahiran state_javascript
Kaedah JS untuk melaksanakan pengeditan klik dua kali untuk mengubah suai kemahiran state_javascript
Contoh dalam artikel ini menerangkan kaedah JS untuk melaksanakan pengeditan klik dua kali untuk mengubah suai keadaan. Kongsikan dengan semua orang untuk rujukan anda. Butirannya adalah seperti berikut:
Ini ialah kesan borang yang popular sekarang. Klik pada teks pada halaman web, dan teks akan berubah kepada keadaan pengeditan, atau teks baharu akan dimasukkan Ini ialah contoh JavaScript yang mengawal borang boleh mencapainya Klik dua kali nama pengguna dan fail tandatangan yang boleh diedit.
Kesan operasi adalah seperti yang ditunjukkan di bawah:
Alamat demo dalam talian adalah seperti berikut:
http://demo.jb51.net/js/2015/js-double-click-edit-style-codes/
Kod khusus adalah seperti berikut:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>JS实现双击编辑可修改状态</title>
<meta http-equiv="content-type" content="text/html;charset=gb2312">
<script type="text/javascript">
function ShowElement(element)
{
var oldhtml = element.innerHTML;
var newobj = document.createElement('input');
//创建新的input元素
newobj.type = 'text';
//为新增元素添加类型
newobj.onblur = function(){
element.innerHTML = this.value ? this.value : oldhtml;
//当触发时判断新增元素值是否为空，为空则不修改，并返回原有值
}
element.innerHTML = '';
element.appendChild(newobj);
newobj.focus();
}
</script>
</head>
<body>
<dl>
<dt>你的用户名:</dt>
<dd ondblclick="ShowElement(this)">三人行团队</dd>
<dt>你的个性档</dt>
<dd ondblclick="ShowElement(this)">我闪故我在</dd>
</dl>
</body>
</html>Saya harap artikel ini akan membantu reka bentuk pengaturcaraan JavaScript semua orang.
Alat AI Hot
Undresser.AI Undress
Apl berkuasa AI untuk mencipta foto bogel yang realistik
AI Clothes Remover
Alat AI dalam talian untuk mengeluarkan pakaian daripada foto.
Undress AI Tool
Gambar buka pakaian secara percuma
Clothoff.io
Penyingkiran pakaian AI
AI Hentai Generator
Menjana ai hentai secara percuma.
Artikel Panas
Alat panas
Notepad++7.3.1
Editor kod yang mudah digunakan dan percuma
SublimeText3 versi Cina
Versi Cina, sangat mudah digunakan
Hantar Studio 13.0.1
Persekitaran pembangunan bersepadu PHP yang berkuasa
Dreamweaver CS6
Alat pembangunan web visual
SublimeText3 versi Mac
Perisian penyuntingan kod peringkat Tuhan (SublimeText3)
Topik panas
Cara menukar nama peribadi dalam kumpulan di DingTalk_Cara mengubah suai nama peribadi dalam kumpulan di DingTalk
Mar 29, 2024 pm 08:41 PM
1. Mula-mula buka DingTalk. 2. Buka sembang kumpulan dan klik tiga titik di penjuru kanan sebelah atas. 3. Cari nama panggilan saya dalam kumpulan ini. 4. Klik untuk masuk untuk mengubah suai dan menyimpan.
Bolehkah Douyin Blue V menukar namanya? Apakah langkah-langkah untuk menukar nama akaun korporat Douyin Blue V?
Mar 22, 2024 pm 12:51 PM
Pensijilan Douyin Blue V ialah pensijilan rasmi syarikat atau jenama pada platform Douyin, yang membantu meningkatkan imej dan kredibiliti jenama. Dengan pelarasan strategi pembangunan korporat atau kemas kini imej jenama, syarikat mungkin ingin menukar nama pensijilan Douyin Blue V. Jadi, bolehkah Douyin Blue V menukar namanya? Jawapannya ya. Artikel ini akan memperkenalkan secara terperinci langkah-langkah untuk mengubah suai nama akaun Douyin Blue V perusahaan. 1. Bolehkah Douyin Blue V menukar namanya? Anda boleh menukar nama akaun Douyin Blue V. Menurut peraturan rasmi Douyin, akaun diperakui Blue V korporat boleh memohon untuk menukar nama akaun mereka selepas memenuhi syarat tertentu. Secara umumnya, perusahaan perlu menyediakan bahan sokongan yang berkaitan, seperti lesen perniagaan, sijil kod organisasi, dll., untuk membuktikan kesahihan dan keperluan menukar nama. 2. Apakah langkah-langkah untuk mengubah suai nama akaun korporat Douyin Blue V?
Disyorkan: Projek pengesanan dan pengecaman muka sumber terbuka JS yang sangat baik
Apr 03, 2024 am 11:55 AM
Teknologi pengesanan dan pengecaman muka adalah teknologi yang agak matang dan digunakan secara meluas. Pada masa ini, bahasa aplikasi Internet yang paling banyak digunakan ialah JS Melaksanakan pengesanan muka dan pengecaman pada bahagian hadapan Web mempunyai kelebihan dan kekurangan berbanding dengan pengecaman muka bahagian belakang. Kelebihan termasuk mengurangkan interaksi rangkaian dan pengecaman masa nyata, yang sangat memendekkan masa menunggu pengguna dan meningkatkan pengalaman pengguna termasuk: terhad oleh saiz model, ketepatannya juga terhad. Bagaimana untuk menggunakan js untuk melaksanakan pengesanan muka di web? Untuk melaksanakan pengecaman muka di Web, anda perlu biasa dengan bahasa dan teknologi pengaturcaraan yang berkaitan, seperti JavaScript, HTML, CSS, WebRTC, dll. Pada masa yang sama, anda juga perlu menguasai visi komputer yang berkaitan dan teknologi kecerdasan buatan. Perlu diingat bahawa kerana reka bentuk bahagian Web
Petua pengubahsuaian masa tidur Win10 didedahkan
Mar 08, 2024 pm 06:39 PM
Petua Pengubahsuaian Masa Tidur Win10 Didedahkan Sebagai salah satu sistem pengendalian yang digunakan secara meluas pada masa ini, Windows 10 mempunyai fungsi tidur untuk membantu pengguna menjimatkan kuasa dan melindungi skrin apabila tidak menggunakan komputer. Walau bagaimanapun, kadangkala masa tidur lalai tidak memenuhi keperluan pengguna, jadi amat penting untuk mengetahui cara mengubah suai masa tidur Win10. Artikel ini akan mendedahkan petua untuk mengubah suai masa tidur Win10, membolehkan anda menyesuaikan tetapan tidur sistem dengan mudah. 1. Ubah suai masa tidur Win10 melalui "Tetapan" Pertama, pembetulan yang paling mudah
Bagaimana untuk mengedit dokumen dalam Tencent Docs? -Panduan Tutorial Mengedit Dokumen Tencent Document
Mar 19, 2024 am 08:19 AM
Adakah sesiapa yang tahu cara mengedit dokumen dalam Tencent Docs? Saya harap ia dapat membantu anda. Penjelasan grafik terperinci mengenai penyuntingan dokumen dalam Tencent Documents 1. Mula-mula, masukkan Tencent Documents terus (jika anda tidak memilikinya, muat turun sekarang!) dan log masuk terus (QQ dan TIM dua kaedah log masuk disokong) 2. Selepas log masuk , klik Tambah di sudut kanan atas No., terus buat dokumen dalam talian, borang dalam talian, folder baharu, dsb. 3. Kemudian masukkan maklumat mengikut keperluan anda!
Perkara yang perlu dilakukan jika dokumen perkataan tidak boleh diedit
Mar 19, 2024 pm 09:37 PM
Selepas mengedit dokumen, kami akan menyimpan dokumen untuk memberikan kemudahan untuk mengedit dan mengubah suai dokumen pada masa akan datang Kadang-kadang kami boleh mengubah suainya terus selepas mengklik pada dokumen yang diedit, tetapi kadang-kadang atas sebab yang tidak diketahui, tidak ada jawapan tidak kira bagaimana kami. klik pada dokumen perkataan, dan arahan tidak akan dilaksanakan, apakah yang perlu saya lakukan jika dokumen perkataan tidak boleh diedit? Jangan risau, editor akan membantu anda menyelesaikan masalah ini. Mari kita lihat proses operasi. Selepas membuka dokumen Word, semasa mengedit teks, anda akan melihat gesaan "Hadkan Pengeditan" dipaparkan di sebelah kanan halaman, seperti yang ditunjukkan dalam rajah di bawah. 2. Anda perlu membatalkan penyuntingan dan anda perlu mengetahui kata laluan yang ditetapkan Klik "Stop Protection" di bawah gesaan pop timbul, seperti yang ditunjukkan dalam rajah di bawah. 3. Kemudian masukkan kata laluan dalam kotak dialog "Unprotect Document" dan klik OK, seperti yang ditunjukkan dalam rajah di bawah.
Cara mengubah suai lokasi alamat produk yang diterbitkan di Xianyu
Mar 28, 2024 pm 03:36 PM
Apabila menerbitkan produk pada platform Xianyu, pengguna boleh menyesuaikan maklumat lokasi geografi produk mengikut situasi sebenar, supaya bakal pembeli dapat memahami lokasi tertentu produk dengan lebih tepat. Setelah produk berjaya diletakkan di rak, tidak perlu risau jika lokasi penjual berubah. Platform Xianyu menyediakan fungsi pengubahsuaian yang fleksibel dan mudah, jadi apabila kami ingin mengubah suai alamat produk yang diterbitkan, bagaimana kami mengubahnya dengan panduan langkah demi langkah yang terperinci tolong semua. Bagaimana untuk mengubah suai alamat produk keluaran di Xianyu? 1. Buka Xianyu, klik pada apa yang saya terbitkan, pilih produk, dan klik edit. 2. Klik ikon kedudukan dan pilih alamat yang ingin anda tetapkan.
Bagaimana untuk menyediakan skrin kunci klik dua kali pada Meizu 21pro?
Mar 18, 2024 pm 04:10 PM
Sistem pengendalian Meizu 21Pro Flyme juga menyediakan pelbagai pilihan pemperibadian, membolehkan pengguna menyesuaikan mengikut keutamaan dan tabiat mereka sendiri. Antaranya, fungsi skrin kunci klik dua kali adalah tetapan yang sangat praktikal yang membolehkan pengguna mengunci skrin dengan cepat dan melindungi keselamatan telefon. Seterusnya, kami akan memperkenalkan cara menyediakan fungsi skrin kunci dwiklik pada Meizu 21Pro untuk menjadikan telefon anda lebih mudah digunakan. Cara menetapkan skrin kunci klik dua kali pada Meizu 21pro 1. Masukkan [Settings]-[Accessibility]-[Gesture Wake], klik suis di sebelah kanan [Gesture Wake] untuk mengawal fungsi gerak isyarat skrin hitam hidup atau mati. 2. Pada desktop sistem-Tetapan-Cap Jari dan Keselamatan, tetapkan kata laluan skrin kunci atau masukkan cap jari Jika tiada fungsi buka kunci cap jari, pergi ke Tetapan-Keselamatan.
