Transdermal drug delivery system (TDDS) was an effective way to realize controlled drug delivery. However, realizing zero-order controlled drug skin delivery was still challenging in the drug-in-adhesive patch. This study provided a strategy to accomplish this delivery form by stabilizing the drug concentration in adhesive through concentration-dependent competitive interaction. Clonidine (CLO) and Granisetron (GRA) were chosen as the model drugs which were of high skin permeability, and polydimethylaminoethyl acrylate (EA) as an excipient to interact with hydroxyphenyl adhesive (HP). Drug release, permeation and pharmacokinetic study were conducted to evaluate the controlled effect of HP-EA. The molecular interaction was characterized by FT-IR, 1H NMR and XPS. Dynamic simulation and molecular docking further clarified the competitive interaction involved in the release process. Both the drug skin permeation study of CLO and GRA patch based on the HP-EA adhesive showed good zero-order fitting with r of 0.994 and 0.998, compared with non-functional adhesive (0-PSA). Furthermore, the pharmacokinetic study of the CLO patch showed a plateau phase for around 52 h without influencing the area under concentration–time curve (AUC), indicating that the HP-EA could realize zero-order drug skin delivery. The mechanism study revealed that EA serving as a ‘buffer component’ promoted the conversion of the ionic CLO to the neutrals the as the neutrals released, which stabilized ‘1% neutrals CLO concentration’. In conclusion, the drug delivery system based on the concentration-dependent competitive interaction broadened our understanding of the molecular mechanisms involved in zero-order controlled release in transdermal patches which would promote the development of zero-order drug delivery in TDDS.