Análisis de problemas de atributos personalizados HTML5

Al transferir valores entre páginas y js, a menudo usamos data-id = 1 y luego obtenemos el valor de id a través de e.target.dataset.id

Hoy no puedo obtener el valor cuando lo obtengo.

Más tarde, descubrí que el objeto e tiene atributos currentTarget y target, y el conjunto de datos está en currentTarget, por lo que el valor correcto se obtiene a través de e.currentTarget.dataset.id .

Además, es mejor no utilizar mayúsculas y minúsculas para nombrar data-id=1, como por ejemplo: data-Id=1 , de lo contrario es posible que a veces no se obtenga el valor.

Es común ver definiciones de atributos que comienzan con datos en sitios web. Aunque el W3C no lo reconoce, el último HTML5 estipula que los datos son razonables. En HTML5, cualquier cosa que comience con datos es un atributo personalizado, que generalmente se usa para implementar. Algunos elementos que no están claramente definidos en HTML aplican atributos definidos por el usuario al código.

Los eventos son el método de comunicación desde la capa de vista a la capa lógica.

Los eventos pueden retroalimentar el comportamiento del usuario a la capa lógica para su procesamiento.

Los eventos se pueden vincular a componentes. Cuando se alcanza el evento desencadenante, se ejecutará la función de procesamiento de eventos correspondiente en la capa lógica.

Los objetos de evento pueden contener información adicional, como identificación, conjunto de datos, toques.

Vincula un controlador de eventos al componente.

Por ejemplo, bindtap, cuando el usuario hace clic en el componente, la función de procesamiento de eventos correspondiente se encontrará en la página correspondiente de la página.

 <view id=tapTest data-hi=WeChat bindtap=tapName> ¡Haz clic en mí! </view>

Escriba la función de procesamiento de eventos correspondiente en la definición de página correspondiente y el parámetro es evento.

 Página ({ tapName: función (evento) { consola.log (evento) }})

Puede ver que la información desconectada es aproximadamente la siguiente:

 { tipo:tap, marca de tiempo:895, destino: { id: tapTest, conjunto de datos: { hola:WeChat } }, objetivo actual: { id: tapTest, conjunto de datos: { hola:WeChat } }, detalle: { x:53, y: 14 }, toca:[{ identificador:0, páginaX:53, páginaY:14, clienteX:53, clienteY:14 }], Toques cambiados:[{ identificador:0, páginaX:53, páginaY:14, clienteX:53, clienteY:14 }]}

Responder a eventos usando funciones WXS

Lo anterior es el análisis del problema de los atributos personalizados HTML5 introducido por el editor. Espero que le resulte útil. Si tiene alguna pregunta, déjeme un mensaje y el editor le responderá a tiempo. ¡También me gustaría agradecer a todos por su apoyo al sitio web de artes marciales VeVb!

Si cree que este artículo le resulta útil, puede reimprimirlo. Indique la fuente, ¡gracias!