js的函数事件回顾

记一下容易忘的函数事件

preventDefault() 事件方法：

　　防止链接打开 URL：如果事件是可取消的，则 preventDefault() 方法会取消该事件，这意味着取消属于该事件的默认操作。

• 单击“提交”按钮，阻止其提交表单
• 单击链接，防止链接跟随 URL

注释：并非所有活动都可以取消。请使用 cancelable 属性 来确定事件是否可取消。

注释：preventDefault() 方法不会阻止事件通过 DOM 进一步传播。请使用 stopPropagation() 方法来解决。

JSON.stringify()：*代表必需

JSON 通常用于与服务端交换数据。在向服务器发送数据时一般是字符串。

可以使用 JSON.stringify() 方法将 JavaScript 对象转换为字符串。

JSON.stringify(*value[, replacer[, space]])

注释：JSON 不能存储 Date 对象。JSON.stringify() 会将所有日期转换为字符串。

注释：JSON 不允许包含函数，JSON.stringify() 会删除 JavaScript 对象的函数，包括 key 和 value。可以在执行 JSON.stringify() 函数前将函数转换为字符串

JSON.parse()：

 

JSON 通常用于与服务端交换数据。在接收服务器数据时一般是字符串。

使用 JSON.parse() 方法将数据转换为 JavaScript 对象。

JSON.parse(*text[, reviver])　　　　　　　　Ajax里面的使用案例：　　myObj = JSON.parse(this.responseText);

注释：使用 AJAX 从服务器请求 JSON 数据，并解析为 JavaScript 对象。从服务端接收的是数组的 JSON 数据，则 JSON.parse 会将其转换为 JavaScript 数组：

注释：如果你需要存储 Date 对象，需要将其转换为字符串。之后再将字符串转换为 Date 对象。

注释：JSON 不允许包含函数，但你可以将函数作为字符串存储，之后再将字符串转换为函数。

 HTML spellcheck 属性：

 

spellcheck 属性规定是否对元素内容进行拼写检查。可对以下文本进行拼写检查：

 

• 类型为 text 的 input 元素中的值（非密码）
• textarea 元素中的值
• 可编辑元素中的值

<p contenteditable="true" spellcheck="true">这是可编辑的段落。请试着编辑文本。</p>

HTML contextmenu 属性：

contextmenu 属性规定了元素的上下文菜单。当用户右击元素时将显示上下文菜单。/p>

contextmenu 属性的值是需要打开的 <menu> 元素的 id。目前只有 Firefox 浏览器支持 contextmenu 属性。

<div contextmenu="mymenu">

<menu type="context" id="mymenu">
  <menuitem label="Refresh"></menuitem>
  <menuitem label="Twitter"></menuitem>
</menu>

</div>

HTML contenteditable 属性：

contenteditable 属性指定元素内容是否可编辑。

注意： 当元素中没有设置 contenteditable 属性时，元素将从父元素继承。

<p contenteditable="true">这是一个可编辑段落。</p>

JSON对象与字符串的互相转化：

方法	作用
JSON.parseObject()	从字符串解析 JSON 对象
JSON.parseArray()	从字符串解析 JSON 数组
JSON.toJSONString(obj/array)	将 JSON 对象或 JSON 数组转化为字符串