您当前的位置: 首页 > 

王佳斌

暂无认证

  • 2浏览

    0关注

    821博文

    0收益

  • 0浏览

    0点赞

    0打赏

    0留言

私信
关注
热门博文

H5新增全局属性

王佳斌 发布时间:2019-07-05 14:34:05 ,浏览量:2

前言

什么是全局属性? 全局属性可以应用于任何html元素

全局属性和普通属性有什么区别? 普通属性只能应用于一些特定的html元素,而全局属性可用于任何元素。

H5之前全局属性有哪些?

属性描述accesskey规定激活元素的快捷键class规定元素的一个或多个类名(引用样式表中的类)id规定元素的唯一 iddir规定元素中内容的文本方向lang规定元素内容的语言style规定元素的行内 CSS 样式tabindex规定元素的 tab 键次序title规定有关元素的额外信息

这些属性很简单,并且很常用,所以不再赘述。

H5新增全局属性 属性描述contenteditable规定元素内容是否可编辑contextmenu规定元素的上下文菜单(上下文菜单在用户点击元素时显示)data-*用于存储页面或应用程序的私有定制数据draggable规定元素是否可拖动dropzone规定在拖动被拖动数据时是否进行复制、移动或链接hidden规定元素仍未或不再相关spellcheck规定是否对元素进行拼写和语法检查translate规定是否应该翻译元素内容

(1)contenteditable 该属性有两个值,true/false,true可编辑,false反之。 未设置true/false时,则有继承状态来决定,如果该元素的父元素是可编辑(true),则该元素也可编辑。 注意:该元素必须是可以获得鼠标焦点的html元素,否则无法编辑。





contenteditable演示



点击修改


在这里插入图片描述

(2)contextmenu 规定了元素上下文菜单,当用户右击元素时显示定义的菜单。 contextmenu 属性的值是需要打开的menu元素的 id。 注意:兼容性差,目前只有Firefox支持。





contenteditable演示



右键弹出菜单


  
  

  
   	
  



在这里插入图片描述

关注
打赏
1665568777
查看更多评论
立即登录/注册

微信扫码登录

0.0389s