diff --git a/components/dropdown/demo/dropdown-button.md b/components/dropdown/demo/dropdown-button.md
index c4fddb9d7d..5c06095383 100644
--- a/components/dropdown/demo/dropdown-button.md
+++ b/components/dropdown/demo/dropdown-button.md
@@ -10,8 +10,8 @@
 import { Menu, Dropdown } from 'antd';
 const DropdownButton = Dropdown.Button;
 
-function handleButtonClick() {
-  console.log('click button');
+function handleButtonClick(e) {
+  console.log('click left button', e);
 }
 
 function handleMenuClick(e) {
diff --git a/components/dropdown/dropdown-button.jsx b/components/dropdown/dropdown-button.jsx
index 675f97c5c9..2298d8532f 100644
--- a/components/dropdown/dropdown-button.jsx
+++ b/components/dropdown/dropdown-button.jsx
@@ -21,14 +21,14 @@ export default React.createClass({
     };
   },
   render() {
-    const { type, overlay, trigger, align, children, className, ...restProps } = this.props;
+    const { type, overlay, trigger, align, children, className, onClick, ...restProps } = this.props;
     const cls = classNames({
       'ant-dropdown-button': true,
       className: !!className,
     });
     return (
       <ButtonGroup {...restProps} className={cls}>
-        <Button type={type}>{children}</Button>
+        <Button type={type} onClick={onClick}>{children}</Button>
         <Dropdown align={align} overlay={overlay} trigger={trigger}>
           <Button type={type}>
             <Icon type="down" />