javascript - Masalah dengan kedudukan input dalam js bahagian hadapan applet WeChat

Question

1. Saya menulis applet WeChat, permainan Sudoku, untuk menentukan sama ada ia memenuhi keperluan (peraturan Sudoku) berdasarkan nombor input Namun, saya menghadapi masalah, bagaimana untuk mencari kedudukan nombor yang dimasukkan oleh pengguna, kerana ia perlu dipindahkan berdasarkan kedudukan Data dihantar ke dalam fail skrip yang sepadan untuk menentukan sama ada peraturan dipenuhi, tetapi kerana saya tidak begitu mahir dalam js, saya tidak dapat menyelesaikan masalah kedudukan.

1. <lihat class="page-body">

   <view class="bc" wx:for="{{numbers}}" wx:for-item="row" >
       <view wx:for="{{row}}" class="bc_ bc_{{item}}" bindtap="oninput"> 
         <input wx:if="{{item == 0}}" auto-focus wxkey="*this" maxlength="1" value="" onkeyup="this.value=this.value.replace(/\D/g,'')" onafterpaste="this.value=this.value.replace(/\D/g,'')" type="number" style="color:#000000" bindinput="EventHandle"/>
         <view wx:else>{{item}}</view>
       </view>
   </view>

   </view>

Di mana nombor ialah tatasusunan dalam fail skrip, dan gaya dilaksanakan menggunakan dua gelung.
Ia akan menentukan sama ada setiap nombor adalah sifar (tatasusunan yang kami tulis secara manual pada mulanya, 0 mewakili input pengguna Jika sifar, tiada aksara (rentetan) akan dipaparkan di sini.

Ini adalah kod paparan bahagian hadapan dan kesan paparan untuk pengguna mengisi nombor, tetapi saya tidak tahu bagaimana untuk mencari di mana pengguna telah memasukkan nombor saya.

Answer 1

Biar saya bercakap tentang idea saya, untuk rujukan sahaja:
Setiap petak kecil ialah objek, dengan atribut x dan y, mewakili petak ke-y dalam baris ke-x, melalui saiz kotak p luaran , hitung saiz setiap petak kecil, dan kemudian anda boleh mengetahui julat keluasan setiap petak kecil Apabila pengguna mengklik, dapatkan koordinat titik klik dan hitung petak kecil mana ia jatuh.
Ringkasnya, ia adalah masalah pengiraan matematik

Answer 2

Idea:
Setiap petak mempunyai atribut data-x='??' dan data-y='??' Apabila pengguna mengklik, mereka boleh mendapatkan x dan y, dan kemudian melakukan pengiraan dan pertimbangan seterusnya.

Answer 3

Objek acara dalam applet WeChat diproses dan mengandungi atribut nilai input.
Program Mini WeChat - Acara

Biar saya terangkan pemikiran saya secara terperinci:
Peristiwa applet WeChat boleh menyimpan data tambahan yang ditetapkan oleh elemen Contohnya, jika anda menulis atribut data-x dalam dom, maka anda boleh menggunakan acara.sasaran. Keluarkan set data.x.
Jika ia adalah elemen bentuk, seperti nilai input, ia disimpan dalam event.detail.value.
Anda boleh mendengar peristiwa untuk input, dan kemudian menulis atribut data-x dan data-y pada elemen Nilai atribut ialah subskrip nombor dan baris (iaitu, indeks. Kepada elakkan kekeliruan, gunakan wx: for-index="XXX" memberikan dua alias subskrip), tentukan kedudukan klik pengguna melalui nilai subskrip, dan kemudian simpannya dalam kedudukan tatasusunan yang sepadan.

array[x][y].push(event.detail.value)